The Jasper (previously nephrite) color theme for Kbin.social. derived from the GTK and Qt themes by vinceliuice.
KBin Jasper by Randdose
Details
AuthorRanddose
LicenseGPL v3 or later
Categorykbin.social
Created
Updated
Size2.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
I may make a jasper style, to go along with this color theme.
currently you can use it with KoolBin.
Source code
/* ==UserStyle==
@name KBin Jasper
@version 20230819.18.20
@namespace userstyles.world/user/Randdose
@description The Jasper (previously nephrite) color theme for Kbin.social. derived from the GTK and Qt themes by vinceliuice.
@author Randdose
@license GPL v3 or later
==/UserStyle== */
@-moz-document url-prefix("https://kbin.social/") {
::selection{
background: #066b;
}
.theme--kbin,
.theme--dark{
/*Body background*/
--kbin-body-bg: #2C2C2C;
--kbin-bg: #2C2C2C;
/*Vote*/
--kbin-vote-bg: #2c2c2c;
--kbin-vote-text-color: #fafafa;
--kbin-success-color: #27ae60;
--kbin-danger-color: #da4453;
/*Button*/
--kbin-button-primary-bg: #4DB6AC;
--kbin-button-primary-hover-bg: #56cac1;
--kbin-button-secondary-bg: #242424;
/*Section*/
--kbin-section-bg: #3D3D3D;
--kbin-text-muted-color: #dedede;
/*Links*/
--kbin-link-color: #92D4C7;
--kbin-link-hover-color: #B6D3C1;
--kbin-entry-link-visited-color: #787878;
/*Header*/
--kbin-header-bg: #242424df;
--kbin-header-link-color: #fff;
--kbin-header-link-hover-color: #e4e4e4;
/*Header options*/
--kbin-options-bg: #242424;
/*Components*/
--kbin-input-bg: #242424;
}
.theme--light{
/*Body background*/
--kbin-body-bg: #f7f7ef;
--kbin-bg: #f7f7ef;
/*Post*/
--kbin-section-title-link-color: var(--kbin-meta-link-color);
/*Vote*/
--kbin-vote-bg: #f7f7f7;
--kbin-vote-text-color: #5e5e5e;
--kbin-success-color: #27ae60;
--kbin-danger-color: #da4453;
/*Button*/
--kbin-button-primary-bg: #4DB6AC;
--kbin-button-primary-hover-bg: #56cac1;
/*Section*/
--kbin-section-bg: #e6e6de;
--kbin-text-muted-color: #7c898a;
/*Link*/
--kbin-link-color: #7eccbc;
--kbin-link-hover-color: #B6D3C1;
--kbin-entry-link-visited-color: #787878;
/*Header*/
--kbin-header-bg: #9b9b9bdf;
--kbin-header-link-color: #fff;
--kbin-header-link-hover-color: #e4e4e4;
/*Header options*/
--kbin-options-bg: #e6e6de;
}
#header menu .dropdown__menu{
background: var(--kbin-header-bg);
}
}