DARK MODE | super sonicodes

Tags: super sonicodes, black, grey, dark grey, white, dark mode

Description:

just a reupload from my old account of my dark mode layout, enjoy! (blog, bulletin AND mobile friendly)

warning: might cause crashing!!! just because it is by far my simplest layout unfortunately does not mean it will be crash-free

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by †⠀⠀SCYTHiDEL (https://layouts.spacehey.com/layout?id=90391) -->

<style> :root { --logo-blue: black; --lighter-blue: #242424; --even-lighter-blue: #242424; --lightest-blue: #242424!important; --dark-orange: white!important; --light-orange: #242424; --even-lighter-orange: #242424; } body { background: repeating-linear-gradient(45deg, #424242, #424242 10px, #333333 10px, #333333 20px); } nav .top { background: repeating-linear-gradient(45deg, black, black 10px, #1f1f1f 10px, #1f1f1f 20px); } .container { border: 1px solid black; background-color: #383838; margin-top: 10px; } p, a, .friends .inner p, h3, h4, h5, h6, .profile-info { color: white!important; } main { background-color: #383838; } .count { color: black; filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white); } button, [id=q] { background-color: black; border: 2px solid white; color: white; } h1, h2{ color: black; filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white); } h1 { background: repeating-linear-gradient(45deg, black, black 10px, #1f1f1f 10px, #1f1f1f 20px)!important; border: 2px solid white!important; color: white; padding: 5px; } .blurbs, .friends, .mood { border: 2px solid #242424; } .mood { font-size: 0px; height: 0px; opacity: 0; margin-top: -0px; } .url-info { display: none; } FOOTER > UL.links { display: none; } FOOTER > P:nth-child(1) { display: none; } FOOTER > P:nth-child(2) { display: none; } P.copyright { display: none; } footer { height: 5px; background-color: transparent; background-position: center; margin-top: -20px; } .friends { margin-bottom: 20px; } .logo { filter: invert(1) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white); } a, nav .links a, .special { color: var(--links) !important; text-shadow: none; } a:hover, a:active, a:visited, nav .links a:hover { text-decoration: none; } a:hover, h1:hover { font-style: italic; } .profile-pic img, .person img, .comments-table td:first-child img { filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white) drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white) drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black); } .online img { display: none; } .online { filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black) drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white) drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black); } .contact a { color: white!important; } .friends-grid { text-align: center; } .blurbs { overflow-y: auto; overflow-x: hidden; height: 300px; } .table-section:nth-of-type(even) { display: none; } .table-section { overflow-y: auto; overflow-x: hidden; height: 922px; } .comments-table { display: block; height: 607px!important; overflow-y: scroll; } .blog-preview, .general-about { border: 2px solid #242424; } .general-about { height: auto; display: grid; margin-bottom: -32px; text-align: center; } .blog-preview h4, .blurbs .heading, .blurbs .section h4, .contact .heading, .table-section .heading, .friends .heading, .profile-info { background: repeating-linear-gradient(45deg, black, black 10px, #1f1f1f 10px, #1f1f1f 20px)!important; border: 2px solid white!important; margin-top: -1px; padding: 4px } .blurbs, .comments-table, .blog-preview, .contact, .mood, .general-about, .friends, .table-section, .mood, .main, .profile-info { padding: 5px; } nav .links { text-align: center; </style> <style> .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* Add to Friends */ content: "" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* Add to Favorites */ content: "" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward to Friend */ content: "" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* Instant Message */ content: "" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* Block User */ content: "" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* Add to Group */ content: "" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content: "" } </style> <style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-7/cur610.cur), auto !important;}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 12 of 12 comments ( View all | Add Comment )

Notflwre_XD	1706091873 Usando Report Comment
.jose	1705794935 using!! btw, u dont mind if i do some changes right? Report Comment i dont mind ^__^ by †⠀⠀SCYTHiDEL; 1705798288; Report
profesional boy kisser	1704466584 using Report Comment
sabri	1704458627 using Report Comment
Parker !!	1704221000 Using Report Comment
Parker !!	1704221000 Using Report Comment
Minus	1703845804 Using :3 Report Comment
taby	1703194826 just a little warning with this one, it crashed chrome 5 times and my phone twice ;; had to go through a loophole to remove it because i couldnt even try to go to my profile without it crashing Report Comment oof!! so sorry that happened, didn't even realized this would even crash any devices at all!!! it's basically one of my only simpler layouts so even that surprises me by †⠀⠀SCYTHiDEL; 1703194897; Report its okay i figured out how to fix it! just found it funny and slightly disturbing that that happened lmao by taby; 1703195019; Report
🍀 Саша !	1703079758 using :3 Report Comment
Wolf_Lupin	1702499946 using Report Comment
gumball [profile is a wip]	1702400925 using Report Comment