aboutsummaryrefslogtreecommitdiff
path: root/layouts/partials
diff options
context:
space:
mode:
authorMantas Vilčinskas <hi@mnts.lt>2019-12-15 12:12:43 +0200
committerMantas Vilčinskas <hi@mnts.lt>2019-12-15 12:12:43 +0200
commit91f464f8f67e172f7276b3644e16b3b89a992113 (patch)
tree07146df76dbaa4f85ed5a7529df3fe4d2a165872 /layouts/partials
parent87a3e08685f778be507f6c835dc4e815b2bba964 (diff)
Design updates - dark mode finished, mini fixes
Diffstat (limited to 'layouts/partials')
-rw-r--r--layouts/partials/meta.html82
1 files changed, 58 insertions, 24 deletions
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index a5f6472..bcd3967 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -29,7 +29,7 @@
margin: 0;
background: #fff;
color: #4d4d4d;
- font: 100%/1.5 'Inter', "Inter UI", BlinkMacSystemFont, -apple-system, "San Francisco Text", "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font: 100%/1.5 "Inter", "Inter UI", BlinkMacSystemFont, -apple-system, "San Francisco Text", "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0, 0.25);
}
@@ -66,7 +66,7 @@
h1, h2, h4 {
font-weight: normal;
color: #000;
- font-family: 'Inter', "Inter UI", "Segoe UI", BlinkMacSystemFont, -apple-system, "San Francisco Display", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-family: "Inter", "Inter UI", "Segoe UI", BlinkMacSystemFont, -apple-system, "San Francisco Display", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
letter-spacing: -0.4px;
}
@@ -332,30 +332,64 @@
}
}
- /**
- * Dark theme
- */
+ {{ if not .Site.Params.disableDarkMode }}
+ /**
+ * Dark theme
+ */
+
+ @media (prefers-color-scheme: dark) {
+ /* Basics */
+ html, body { background: #181a1b; color: #ccc9c1; }
+ h1, h2, h3, h4, a, .bold { color: #fafafa; }
+ hr { border-bottom-color: #3d3d3d; }
+
+ /* Sections */
+ .footer { background: #1b1d1e; }
+
+ .components {
+ border: 2px solid #ddd;
+ border-bottom: 0;
+ border-color: #3a3a3a;
+ }
- @media (prefers-color-scheme: dark) {
- html, body { background: #181a1b; color: #ccc9c1; }
- h1, h2, h3, h4, a, .bold { color: #e8e6e3; }
- hr { border-bottom-color: #3d3d3d; }
- .footer { background: #1b1d1e; }
- .date { color: #c3bfb6; }
- .components { border: 2px solid #ddd; border-bottom: 0; border-color: #3a3a3a; }
- .component { border-bottom: 2px solid #ddd; color: #e8e6e3; border-bottom-color: #3a3a3a; }
- .tag { background-image: initial; background-color: #1d1f20; }
- .tag:hover { background: #222; }
- .issue:hover {background-color: #1b1d1e }
- .error { color: #ff4242; }
- .hinted, .faded { color: #c1bcb3; }
- .warning {color: #ff8b52; }
- .ok { color: #7fff7f; }
- .component[data-status="disrupted"]
- .component-status { color: #ff8b52; }
- .component[data-status="ok"]
- .component-status { color: #7fff7f; }
+ .component {
+ border-bottom: 2px solid #ddd;
+ color: #e8e6e3;
+ border-bottom-color: #3a3a3a;
}
+
+ .tabs { border-bottom-color: #3d3d3d; }
+ .tab--current {
+ border-color: #3d3d3d;
+ border-bottom-color: #181a1b;
+ }
+ .tab--other { color: #757575; }
+ .tab--other:hover { color: #fff; }
+
+ .date { color: #c3bfb6; }
+
+ .tag { background-color: #1d1f20; }
+ .tag:hover { background: #222; }
+ .issue:hover,
+ .category__head:hover { background-color: #212121; }
+
+ /* Colors for dark mode */
+
+ .hinted, .faded { color: #c1bcb3; }
+ .error { color: #ff4242; }
+ .warning {color: #ffde7f; }
+ .ok { color: #7fff7f; }
+
+ .component[data-status="ok"]
+ .component-status { color: #7fff7f; }
+ .component[data-status="disrupted"]
+ .component-status { color: #ffde7f; }
+ .component[data-status="notice"]
+ .component-status { color: #83a4e8; }
+ .component[data-status="down"]
+ .component-status { color: #ff8181; }
+ }
+ {{ end }}
</style>
{{ if .Site.Params.enableCustomHTML }}
{{ partial "custom/meta" . }}