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 𝄢✧　🜲　❝　MX. SUN　❞ (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 20 of 21 comments ( View all | Add Comment )

KkAshden	1750217786 Gonna use it for a bit :) Report Comment
🕸 ── .✦ Rei Glitxh ⁠! 🎸	1749133611 using but may change cursor!!! Report Comment nvm.. it keeps crashing :< by 🕸 ── .✦ Rei Glitxh ⁠! 🎸; 1749134374; Report
midas	1741259314 using! Report Comment
𓎢𓎟𓎡 ⸝⸝ yumi .ᐟ 𝜗𝜚	1740702068 using ^^ Report Comment
astrobox [Nº1 LIGHT FURY FAN!!] 🔲🔳	1728682433 usingg Report Comment
kirykingdom	1720372009 using <3 Report Comment
Vambre	1719374378 Using Report Comment
Vambre	1719374377 Using Report Comment
Notflwre_XD	1706091873 Usando Report Comment
zimjosefina	1705794935 using!! btw, u dont mind if i do some changes right? Report Comment i dont mind ^__^ by 𝄢✧　🜲　❝　MX. SUN　❞; 1705798288; Report
profesional boy kisser	1704466584 using Report Comment
sabri	1704458627 using Report Comment
ezzie !! ★	1704221000 Using Report Comment
ezzie !! ★	1704221000 Using Report Comment
Minus	1703845804 Using :3 Report Comment
kay	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 𝄢✧　🜲　❝　MX. SUN　❞; 1703194897; Report its okay i figured out how to fix it! just found it funny and slightly disturbing that that happened lmao by kay; 1703195019; Report
🍀 Саша !	1703079758 using :3 Report Comment
Wolf_Lupin	1702499946 using Report Comment
[S] gumball	1702400925 using Report Comment

Layout published by 𝄢✧ 🜲 ❝ MX. SUN ❞

DARK MODE | super sonicodes

Description:

Preview:

Code:

Comments

Layout published by 𝄢✧　🜲　❝　MX. SUN　❞