based off the nordtheme.com color scheme.
Nordic 4chan by nordcool34322
Details
Authornordcool34322
LicenseNo License
Categoryboards.4channel.org
Created
Updated
Code size5.9 kB
Code checksum3af6e67b
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
8/25/23 - settings box width returned to default
update 8/5/23 - buttons and selectors no longer have solid white background, they are outlined and have nordic blue on hover.
settings popup on individual threads now have nordic background
update: 5/18/23 - fixed button color back to white, that 4chan turned dark blue, and trademark text at bottom of the page
thread watcher and filters box are now in nord theme. Add
Source code
/* ==UserStyle==
@name Nordic 4chan
@namespace github.com/openstyles/stylus
@version 1.3.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://boards.4channel.org"),
url-prefix("https://boards.4chan.org"),
url-prefix("https://www.4channel.org/"),
url-prefix("https://www.4chan.org/")
{
/* Insert code here... */
body {
background: #2e3440;
color: #eceff4;
}
div.boardBanner {
background-color: #2e3440;
}
div.reply {
background-color: #3b4252;
border: none !important;
}
/*nord dark colors, dark to light: #2e3440 , #3b4252 , #434c5e , #4c566a */
/* updates to fix blue buttons on */
span .button {
color: #d8dee9 !important;
}
span .button:hover {
color:#bf616a !important ;
}
div#absbot {
color: #d8dee9;
}
a {
color: #d8dee9 !important;
}
hr {
border-top: 1px solid #d8dee9 !important;
}
#threadWatcher {
background-color: #3b4252 !important;
border: 1px solid #434c5e !important;
}
#filters {
background-color: #3b4252 !important;
}
#filters button {
background-color: #4c566a !important;
color: #81a1c1 !important;
border: none !important;
cursor: pointer !important;
}
#filters button:hover {
color: #bf616a !important;
}
#filters-search {
background-color: #4c566a !important;
}
::placeholder {
color: #d8dee9 !important;
}
input[type="text"], input[type="password"], textarea {
background-color: #4c566a !important;
}
#colorpicker {
background-color: #3b4252 !important;
}
/* Track */
::-webkit-scrollbar-track {
background: #3B4252;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #434C5E;
}
.yotsuba_b_new #quote-preview.highlight {
border-style: none !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #4C566A;
}
/*settings panel and filter panel */
#filtersMenu .extPanel {
width: min-content !important;
max-height: 80% !important;
}
a:hover {
color:#bf616a !important;
}
/* new updates testing
border: 1px solid #81a1c1 !important;
*/
.reply:target,
.reply.highlight {
background-color: #4c566a!important;
border: none !important;
}
.quoteLink, .quotelink, .deadlink {
color: #bf616a !important;
text-decoration: underline;
}
#quote-preview.reveal-spoilers {
background-color: #4c566a !important;
color: inherit !important;
text-decoration: none !important;
border: none !important;
}
div.post div.postInfo span.nameBlock span.name {
color: #88c0d0 !important;
font-weight: 700;
}
blockquote > span.quote {
color: #a3be8c;
}
div.boardBanner {
color: #bf616a
}
span.summary {
color: #d8dee9;
}
a.replylink:not(:hover), div#absbot a:not(:hover) {
color: #5e81ac !important;
}
div.post div.postInfo span.subject {
color: #81a1c1;
font-weight: 700;
}
.boxbar {
background: #b48ead;
}
.top-box {
background: #434c5e;
}
.box-outer {
border: none;
}
#announce {
background: #434c5e;
color: inherit;
}
.nameBlock.capcodeMod span.name, span.capcodeMod a span.name, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {
color: #b48ead !important;
}
.burichan_new .backlink a, .yotsuba_b_new .backlink a {
color: #81a1c1 !important;
}
.burichan_new .backlink a:hover, .yotsuba_b_new .backlink a:hover {
color: #bf616a !important;
}
.dateTime {
color: #5e81ac;
}
div.pagelist {
border: none;
background: none;
}
.dd-menu ul {
background-color: #434c5e;
border: none;
}
.panel {
background-color: #3b4252 !important;
}
li kbd {
background-color: rgb(0,0,0,0) !important;
border: 1px solid #88c0d0 !important;
box-shadow: none !important;
color: #88c0d0 !important;
}
#styleSelector {
background-color: rgb(0,0,0,0) !important;
border: 1px solid #eceff4 !important;
box-shadow: none !important;
color: #eceff4 !important;
border-radius: 3px !important;
}
#styleSelector:hover {
cursor: pointer !important;
border: 1px solid #88c0d0 !important;
color: #88c0d0 !important;
}
input[type="submit"] {
background-color: rgb(0,0,0,0) !important;
border: 1px solid #eceff4 !important;
box-shadow: none !important;
color: #eceff4 !important;
border-radius: 3px !important;
}
input[type="submit"]:hover {
cursor: pointer !important;
border: 1px solid #88c0d0 !important;
color: #88c0d0 !important;
}
input:hover {
cursor: pointer !important;
}
button:hover {
cursor: pointer !important;
}
.center button {
background-color: rgb(0,0,0,0) !important;
border: 1px solid #eceff4 !important;
box-shadow: none !important;
color: #eceff4 !important;
border-radius: 3px !important;
}
.center button:hover {
cursor: pointer !important;
border: 1px solid #88c0d0 !important;
color: #88c0d0 !important;
}
#settings select {
background-color: rgb(0,0,0,0) !important;
border: 1px solid #eceff4 !important;
box-shadow: none !important;
color: #eceff4 !important;
border-radius: 3px !important;
}
#settings select:hover {
cursor: pointer !important;
border: 1px solid #88c0d0 !important;
color: #88c0d0 !important;
}
select option:hover {
cursor: pointer !important;
}
.sideArrows {
color: #b7c5d9 !important;
}
#globalMessage > h4 {
color: #bf616a !important;
}
.dd-menu li {
border: none;
}
.dd-menu li:hover {
background-color: #4c566a;
}
div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover {
color: #bf616a !important;
}
.postNum.desktop a {
color: #5e81ac !important;
}
.fileText, .fileText a {
color: #5e81ac !important;
}
.fileText a:hover {
color: #bf616a !important;
}
}