diff --git a/theme/static/css/arescentral.scss b/theme/static/css/arescentral.scss
index c2da81a..73f55a9 100644
--- a/theme/static/css/arescentral.scss
+++ b/theme/static/css/arescentral.scss
@@ -4,7 +4,7 @@
$dark: mix($color, black, 66.6666%);
$darker: mix($color, black, 50%);
$darkish: mix($color, black, 75%);
- #header .content {
+ #header {
border-color: $dark;
}
nav {
@@ -80,15 +80,13 @@ body.plugins {
bottom: 0;
width: 23em;
background: #eee;
- border-width: 0 1px 0 0;
border-style: solid;
- border-color: rgba(0, 0, 0, 0.2);
+ border-width: 1em 0 0 0;
.content {
- margin: 0 -1px 0 0;
+ height: 100%;
padding: 0 1.5em;
- border-width: 0;
- border-top-width: 1em;
- border-style: solid;
+ border: solid rgba(0, 0, 0, 0.2);
+ border-width: 0 1px 0 0;
}
.home {
line-height: 0;
@@ -491,13 +489,11 @@ tr:last-child td {
@media (max-width: 50em) {
#header {
position: inherit;
- top: 0;
- left: 0;
width: 100%;
- border-width: 0 0 1px 0;
+ border-width: 0 0 0 1em;
.content {
- border-width: 0 0 0 1em;
- margin: 0 0 -1px 0;
+ height: auto;
+ border-width: 0 0 1px 0;
padding: 1em 1em 1em 50%;
position: relative;
}
@@ -553,6 +549,50 @@ tr:last-child td {
}
}
+@media screen and (prefers-color-scheme: dark) {
+ html {
+ background: black;
+ color: #ccc;
+ }
+ #header {
+ background: #111;
+ .content {
+ border-color: rgba(255, 255, 255, 0.2);
+ }
+ }
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ color: hsl(0, 0%, 70%);
+ }
+ table {
+ background: hsl(0, 0%, 10%);
+ }
+ tr:nth-child(10n+1),
+ tr:nth-child(10n+2),
+ tr:nth-child(10n+3),
+ tr:nth-child(10n+4),
+ tr:nth-child(10n+5) {
+ background: hsl(0, 0%, 5%);
+ }
+ tt,
+ .highlight,
+ .line-block,
+ .literal-block,
+ .admonition,
+ #contents,
+ blockquote {
+ background: rgba(255, 255, 255, 0.1);
+ }
+ .figure {
+ background: rgba(255, 255, 255, 0.05);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ }
+}
+
.youtube-16x9 {
padding-bottom: 56.25%; /* inverse of 16:9 aspect ratio */
position: relative;
diff --git a/theme/templates/base.html b/theme/templates/base.html
index 4ce757e..9400929 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -1,8 +1,13 @@
{% set root = output_file.split('/')[0].split('.')[0] %}
-{% if root in ["antares", "plugins"] %}
+{% if root == "antares" %}
{% set favicon = root %}
+ {% set theme_color = "#396039" %}
+{% elif root == "plugins" %}
+ {% set favicon = root %}
+ {% set theme_color = "#1d558d" %}
{% else %}
{% set favicon = "favicon" %}
+ {% set theme_color = "#8d1d1d" %}
{% endif %}
@@ -18,6 +23,7 @@
+