|
|
@@ -17,6 +17,7 @@ $light: #f0f0f0;
|
|
|
$bgcolor-global: white;
|
|
|
$bgcolor-navbar: #334455;
|
|
|
$bgcolor-inline-code: #f9f2f4;
|
|
|
+$bgcolor-card: #f5f5f5;
|
|
|
|
|
|
// Font colors
|
|
|
$color-global: #333333;
|
|
|
@@ -40,21 +41,22 @@ $link-color: $color-link;
|
|
|
$link-hover-color: $color-link-hover;
|
|
|
|
|
|
// light mode colors
|
|
|
-@media (prefers-color-scheme: no-preference), (prefers-color-scheme: light) {
|
|
|
-}
|
|
|
+@media (prefers-color-scheme: no-preference),
|
|
|
+ (prefers-color-scheme: light) {}
|
|
|
|
|
|
// dark mode colors
|
|
|
-@media (prefers-color-scheme: dark) {
|
|
|
-}
|
|
|
+@media (prefers-color-scheme: dark) {}
|
|
|
|
|
|
//== Apply
|
|
|
//
|
|
|
@import 'apply-colors';
|
|
|
|
|
|
// apply for no-preference or light mode
|
|
|
-@media (prefers-color-scheme: no-preference), (prefers-color-scheme: light) {
|
|
|
+@media (prefers-color-scheme: no-preference),
|
|
|
+ (prefers-color-scheme: light) {
|
|
|
@import 'apply-colors-light';
|
|
|
}
|
|
|
+
|
|
|
// apply for dark mode
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
@import 'apply-colors-dark';
|