Old reddit colorscheme for Kbin!
Narwhalbin by toadyfubgus
Details
Authortoadyfubgus
LicenseGPL v3 or later
Categoryuserstyles.world
Created
Updated
Size4.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Best paired with kbin enhancement script (https://greasyfork.org/en/scripts/468612-kbin-enhancement-script) and Kbin slim (https://userstyles.world/style/10437/kbin-slim).
On the top of the script are a few options to make the layout more similar to old reddit. If you want to enable, get rid of the backslash, forward slash, asterisk (*), and the title.
Source code
/* ==UserStyle==
@name Narwhalbin
@version 20230621.01.48
@namespace userstyles.world/user/toadyfubgus
@description Old reddit colorscheme for Kbin!
@author toadyfubgus
@license GPL v3 or later
==/UserStyle== */
@-moz-document domain("kbin.social"), domain("fedia.io"), domain("karab.in"), domain("readit.buzz"), domain("forum.fail"), domain("fedi196.gay"), domain("nadajnik.org"), domain("kbin.run") {
/*Narwhalbin*/
/*OPTIONAL*/
/*Make webpage layout similar to old.reddit*/
/*
.kbin-container {
max-width: none;
}
*/
/* Force remove pfps */
/*
.comment > figure img,.no-avatar{
display:none;
}
.comment .vote{
top: .5em!important;
}
.user-box .user-main img,#sidebar .entry-info > .row > figure,#sidebar .entry-info figure, #sidebar .user-info figure{
display:none!important;
}
.user-box figure{
margin-top:37px!important;
}
*/
/* Remove profile header image*/
/*
.user-box img{
display:none;
}
.user-box figure{
margin-top:37px!important;
}
*/
/*REST OF CODE*/
:root {
--kbin-header-bg: #DAE8F8;
--kbin-header-text-color: #000000;
--kbin-header-link-active-bg: #FFFFFF;
--kbin-footer-bg: #FFFFFF;
--kbin-footer-text-color: #777777;
--kbin-footer-link-color: #406595;
--kbin-footer-link-hover-color: #406595;
--kbin-vote-text-color: #C4C4C4;
--kbin-vote-text-hover-color: #C4C4C4;
--kbin-meta-link-color: #888888;
--kbin-meta-link-hover-color: #888888;
--kbin-bg: #FFFFFF;
--kbin-meta-border: #fff;
--kbin-topbar-hover-bg:#F0F0F0;
}
#footer a:hover {
text-decoration: underline;
}
#header menu li .active,
#header menu li .active:hover {
color: #EB5528;
}
#header menu li a,
#header menu li a:hover {
color: #406595;
border-bottom: none
}
#header menu li .active {
background: #FFFFFF;
}
.vote .active.vote__up button {
color: #EF682A;
}
.vote .active.vote__down button {
color: #A5A8F9;
}
.entry footer menu a:hover,
.entry footer menu button:hover,
.entry footer menu input[type="submit"]:hover {
text-decoration: underline;
}
.meta a {
color: #406595;
}
.meta {
color: #888888;
}
.entry {
border: 1px solid #fff!important;
}
#sidebar .section {
border: 1px solid #000;
}
.options > * a{
color:#808080;
}
.options > * a.active{
color:#EB5528!important;
}
.fa-circle-nodes{
color:#808080 !important;
}
.fa-gear{
color:#AEDEFA !important;
color: #FFFFFF;
background: #FFFFFF;
text-shadow: 1px 1px 0 #5C82B3, 1px -1px 0 #5C82B3, -1px 1px 0 #5C82B3, -1px -1px 0 #5C82B3, 1px 0px 0 #5C82B3, 0px 1px 0 #5C82B3, -1px 0px 0 #5C82B3, 0px -1px 0 #5C82B3;
}
#sidebar h3{
border-bottom:#999999;
color:#767676;
}
#sidebar .info li a, #sidebar .meta li a{
color:#406595;
}
.comments-tree .comment-level--2{
background:#F7F7F8;
border-left:#E6E6E6;
}
.comments-tree .comment-level--1{
border-left:1px solid #E6E6E6;
background:#FFFFFF;
}
.comment .vote button{
color:#B6B6B6;
background-color:transparent;
}
#comment-add.section{
border:2px solid #979797!important;
}
.comment{
color:#222222;
}
a.user-inline,a.user-inline:hover{
color:#406595!important;
}
.user-list ul > li > a, .user-inline,a.user-inline{
opacity:1!important;
}
.fa-users,.user__follow div{
color:#000;
}
#sidebar .entry-info a,#sidebar .user-info a{
color:#406595!important;
}
.stretched-link{
color:#406595 !important;
}
#scroll-top{
background:transparent;
}
.fa-arrow-up{
color:#ACACAC;
}
#entry_comment_submit,textarea{
border:1px solid #979797!important;
}
.entry-info.section{
background:#F0F7FE!important;
border:1px solid #6C98CA!important;
color:#000;
}
.login{
background:#EFF7FF;
border-top-left-radius: 7px;
}
.options.options--top{
border:1px solid #fff!important;
}
.vote button{
background:transparent;
}
#topbar,#topbar:hover{
background:#F0F0F0!important;
}
#topbar menu,#topbar menu:hover{
background:#F0F0F0!important;
}
#topbar menu a{
color:#000000!important;
}
#topbar menu li.active,#topbar menu li.active:hover {
background:#F0F0F0!important;
}
#topbar menu li.active a{
color:#EB5528!important;
}
#topbar menu a:hover{
text-decoration:underline;
}
.content blockquote{
border-left:2px solid #C4C1AF;
}
.btn__primary{
color:#000!important;
border:1px solid #8F8F9C!important;
background:#E9E9ED!important;
}
.btn__primary:hover{
color:#000!important;
border:1px solid #676773!important;
background:#D0D0D6!important;
}
.markdown.meta{
color:#333333!important;
}
label.required {
background:#D2E2F6!important;
}
.options.options--top.options-activity{
background:#FFFFFF!important;
border-bottom:3px solid #6C98CA !important;
}
.options.options--top.options-activity > * a.active{
background:#6C98CA!important;
color:#FFFFFF!important;
}
.options.options--top.options-activity > * a{
background:#F0F7FE!important;
color:#5E7FA7!important;
}
}