160 lines
3.9 KiB
CSS
160 lines
3.9 KiB
CSS
.theme-dark:root {
|
|
--primary-text-color: #e2e2e2;
|
|
--secondary-text-color: #868686;
|
|
--white-color: #282c35;
|
|
--color-white: #282c35;
|
|
--lighter-gray-color: #2f333c;
|
|
--color-lighter-gray: #2f333c;
|
|
--light-gray-color: #3b3e46;
|
|
--color-light-gray: #3b3e46;
|
|
--color-light-color: #3b3e46;
|
|
--mid-gray-color: #666;
|
|
--color-mid-gray: #666;
|
|
--dark-gray-color: #e6e6e6;
|
|
--color-dark-gray: #e6e6e6;
|
|
--darker-gray-color: #fff;
|
|
--color-darker-gray: #fff;
|
|
}
|
|
|
|
.theme-dark .gh-head-logo img:first-child:not(:only-child) {
|
|
opacity: 0;
|
|
}
|
|
|
|
.theme-dark .gh-head-logo img + img {
|
|
opacity: 1;
|
|
}
|
|
|
|
.theme-dark .sticky {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.theme-dark .form-button,
|
|
.theme-dark .pswp__counter {
|
|
color: var(--darker-gray-color);
|
|
}
|
|
|
|
.theme-dark .share-link {
|
|
background-color: var(--darker-gray-color);
|
|
}
|
|
|
|
.theme-dark .share-link-facebook {
|
|
color: var(--facebook-color);
|
|
}
|
|
|
|
.theme-dark .share-link-x {
|
|
color: var(--twitter-color);
|
|
}
|
|
|
|
.theme-dark .share-link-linkedin {
|
|
color: var(--linkedin-color);
|
|
}
|
|
|
|
.theme-dark .share-link-bluesky {
|
|
color: var(--bluesky-color);
|
|
}
|
|
|
|
.theme-dark .share-link-threads {
|
|
color: var(--threads-color);
|
|
}
|
|
|
|
.theme-dark .share-link-mastodon {
|
|
color: var(--mastodon-color);
|
|
}
|
|
|
|
.theme-dark .share-link-tiktok {
|
|
color: var(--tiktok-color);
|
|
}
|
|
|
|
.theme-dark .share-link-youtube {
|
|
color: var(--youtube-color);
|
|
}
|
|
|
|
.theme-dark .share-link-instagram {
|
|
color: var(--instagram-color);
|
|
}
|
|
|
|
.theme-dark .kg-audio-card button {
|
|
color: var(--darker-gray-color);
|
|
}
|
|
|
|
.theme-dark .kg-bookmark-card a.kg-bookmark-container,
|
|
.theme-dark .kg-bookmark-card a.kg-bookmark-container:hover,
|
|
.theme-dark .kg-file-card-container,
|
|
.theme-dark .kg-file-card-container:hover,
|
|
.theme-dark .kg-audio-card,
|
|
.theme-dark .kg-product-card-container {
|
|
background-color: var(--lighter-gray-color) !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html:not(.theme-light):root {
|
|
--primary-text-color: #e2e2e2;
|
|
--secondary-text-color: #868686;
|
|
--white-color: #282c35;
|
|
--color-white: #282c35;
|
|
--lighter-gray-color: #2f333c;
|
|
--color-lighter-gray: #2f333c;
|
|
--light-gray-color: #3b3e46;
|
|
--color-light-gray: #3b3e46;
|
|
--mid-gray-color: #666;
|
|
--color-mid-gray: #666;
|
|
--dark-gray-color: #e6e6e6;
|
|
--color-dark-gray: #e6e6e6;
|
|
--darker-gray-color: #fff;
|
|
--color-darker-gray: #fff;
|
|
}
|
|
|
|
html:not(.theme-light) .gh-head-logo img:first-child:not(:only-child) {
|
|
opacity: 0;
|
|
}
|
|
|
|
html:not(.theme-light) .gh-head-logo img + img {
|
|
opacity: 1;
|
|
}
|
|
|
|
html:not(.theme-light) .sticky {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
html:not(.theme-light) .form-button,
|
|
html:not(.theme-light) .pswp__counter {
|
|
color: var(--darker-gray-color);
|
|
}
|
|
|
|
html:not(.theme-light) .share-link {
|
|
background-color: var(--darker-gray-color);
|
|
}
|
|
|
|
html:not(.theme-light) .share-link-facebook {
|
|
color: var(--facebook-color);
|
|
}
|
|
|
|
html:not(.theme-light) .share-link-x {
|
|
color: var(--twitter-color);
|
|
}
|
|
|
|
html:not(.theme-light) .kg-audio-card button {
|
|
color: var(--darker-gray-color);
|
|
}
|
|
|
|
html:not(.theme-light) .kg-bookmark-card a.kg-bookmark-container,
|
|
html:not(.theme-light) .kg-bookmark-card a.kg-bookmark-container:hover,
|
|
html:not(.theme-light) .kg-file-card-container,
|
|
html:not(.theme-light) .kg-file-card-container:hover,
|
|
html:not(.theme-light) .kg-audio-card,
|
|
html:not(.theme-light) .kg-product-card-container {
|
|
background-color: var(--lighter-gray-color) !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
html:not(.theme-light) .gh-button-share {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
border-color: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
html:not(.theme-light) .gh-button-share:hover {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
}
|