docs: custom css furo theme

mdsanima-dev · Apr 7, 2022 · 866c19c · 866c19c
1 parent 91b25e8
commit 866c19c
Showing 1 changed file with 87 additions and 83 deletions.
diff --git a/docs/_static/mdsanima.css b/docs/_static/mdsanima.css
@@ -17,95 +17,99 @@
 }
 
 /* dark theme customization */
-@media (prefers-color-scheme: dark) {
-    /* custom colors */
-    body[data-theme="dark"] {
-        --color-background-primary: #010409; /* content right */
-        --color-background-secondary: #010409; /* content left */
-        --color-background-border: #10141d; /* no line */
-        --color-background-hover: #05080e; /* menu hover left */
-        --color-admonition-background: #05080e; /* colors admonitions */
-        --color-api-name: #0ea5e9; /* code function right */
-        --color-problematic: #075985; /* code function left */
-        --color-highlight-on-target: #10141d; /* target click */
-    }
+body:not([data-theme=light]) {
+    --color-background-primary: #010409; /* content right */
+    --color-background-secondary: #010409; /* content left */
+    --color-background-border: #10141d; /* no line */
+    --color-background-hover: #05080e; /* menu hover left */
+    --color-admonition-background: #05080e; /* colors admonitions */
+    --color-api-name: #0ea5e9; /* code function right */
+    --color-problematic: #075985; /* code function left */
+    --color-highlight-on-target: #10141d; /* target click */
+}
 
-    /* code block colors */
-    body[data-theme="dark"] .highlight {
-        background: #10141d;
-        border-left: 0.2rem solid #84cc16;
-        border-right: 0.2rem solid #84cc16;
-    }
+/* code block python colors */
+body:not([data-theme=light]) .highlight-python .highlight {
+    background: #10141d;
+    border-left: 0.2rem solid #84cc16;
+    border-right: 0.2rem solid #84cc16;
+}
 
-    /* no link underline */
-    a {
-        text-decoration: none;
-    }
+/* code block shell colors */
+body:not([data-theme=light]) .highlight-shell .highlight {
+    background: #10141d;
+    border-left: 0.2rem solid #dc3545;
+    border-right: 0.2rem solid #dc3545;
+}
 
-    /* code all */
-    code.literal {
-        background: #10141d;
-    }
+/* no link underline */
+a {
+    text-decoration: none;
+}
 
-    /* code paragraph */
-    p code.literal {
-        border: 1px solid #10141d;
-    }
+/* code all */
+code.literal {
+    background: #10141d;
+}
 
-    /* directives right border color */
-    .admonition {
-        border-right: 0.2rem solid var(--color-admonition-title);
-    }
-    .admonition.caution {
-        border-right-color: var(--color-admonition-title--caution);
-    }
-    .admonition.warning {
-        border-right-color: var(--color-admonition-title--warning);
-    }
-    .admonition.danger {
-        border-right-color: var(--color-admonition-title--danger);
-    }
-    .admonition.attention {
-        border-right-color: var(--color-admonition-title--attention);
-    }
-    .admonition.error {
-        border-right-color: var(--color-admonition-title--error);
-    }
-    .admonition.hint {
-        border-right-color: var(--color-admonition-title--hint);
-    }
-    .admonition.tip {
-        border-right-color: var(--color-admonition-title--tip);
-    }
-    .admonition.important {
-        border-right-color: var(--color-admonition-title--important);
-    }
-    .admonition.note {
-        border-right-color: var(--color-admonition-title--note);
-    }
-    .admonition.seealso {
-        border-right-color: var(--color-admonition-title--seealso);
-    }
-    .admonition.admonition-todo {
-        border-right-color: var(--color-admonition-title--admonition-todo);
-    }
+/* code paragraph */
+p code.literal {
+    border: 1px solid #10141d;
+}
+
+/* directives right border color */
+.admonition {
+    border-right: 0.2rem solid var(--color-admonition-title);
+}
+.admonition.caution {
+    border-right-color: var(--color-admonition-title--caution);
+}
+.admonition.warning {
+    border-right-color: var(--color-admonition-title--warning);
+}
+.admonition.danger {
+    border-right-color: var(--color-admonition-title--danger);
+}
+.admonition.attention {
+    border-right-color: var(--color-admonition-title--attention);
+}
+.admonition.error {
+    border-right-color: var(--color-admonition-title--error);
+}
+.admonition.hint {
+    border-right-color: var(--color-admonition-title--hint);
+}
+.admonition.tip {
+    border-right-color: var(--color-admonition-title--tip);
+}
+.admonition.important {
+    border-right-color: var(--color-admonition-title--important);
+}
+.admonition.note {
+    border-right-color: var(--color-admonition-title--note);
+}
+.admonition.seealso {
+    border-right-color: var(--color-admonition-title--seealso);
+}
+.admonition.admonition-todo {
+    border-right-color: var(--color-admonition-title--admonition-todo);
+}
 
-    /* badge no border */
-    :is(h1, h2, h3, h4, .sidebar-scroll, .toc-scroll, .related-pages, .toctree-wrapper)
-        :is(.sd-outline-primary, .sd-outline-secondary, .sd-outline-success, .sd-outline-info, .sd-outline-warning, .sd-outline-danger, .sd-outline-light, .sd-outline-dark) {
-        border-width: 0px !important;
-    }
+/* badge no border */
+:is(h1, h2, h3, h4, .sidebar-scroll, .toc-scroll, .related-pages, .toctree-wrapper)
+    :is(.sd-outline-primary, .sd-outline-secondary, .sd-outline-success, .sd-outline-info, .sd-outline-warning, .sd-outline-danger, .sd-outline-light, .sd-outline-dark) {
+    border-width: 0px !important;
+}
 
-    /* badge text and border color */
-    .sd-text-success {
-        color: #84cc16 !important;
-    }
-    .sd-outline-success {
-        border-color: #84cc16 !important;
-    }
+/* badge text and border color */
+.sd-text-success {
+    color: #84cc16 !important;
+}
+.sd-outline-success {
+    border-color: #84cc16 !important;
+}
 
-    /* brand text size */
-    .sidebar-brand-text {
-        font-size: 1.0rem;
-    }
+/* brand text size */
+.sidebar-brand-text {
+    font-size: 1.0rem;
 }