Merge pull request #49 from nahuhh/no_js

theme: fix nojs & override defaults
This commit is contained in:
nahuhh 2024-09-28 22:13:38 +00:00 committed by GitHub
commit c5637de9b5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 69 additions and 13 deletions

View file

@ -10,24 +10,81 @@ article .md-typeset__table {
}
:root {
--md-primary-fg-color: #121212;
}
[data-md-color-scheme="default"] {
--md-typeset-a-color: #4051b5;
--md-primary-fg-color: #ffffff; /* header */
--md-default-bg-color: #ffffff; /* background color */
/* imported from white theme */
--md-primary-fg-color--light: hsla(var(--md-hue),0%,100%,0.7);
--md-primary-fg-color--dark: hsla(var(--md-hue),0%,0%,0.07); /* shade on repo into */
--md-primary-bg-color: hsla(var(--md-hue),0%,0%,0.87); /* header text */
--md-primary-bg-color--light: hsla(var(--md-hue),0%,0%,0.54);
/* ------------------------- */
--md-typeset-a-color: #ff6600; /* links */
--md-accent-fg-color: #ff6600; /* accent/buttons color */
--md-accent-bg-color: #ffffff; /* accent/buttons text */
--md-footer-bg-color: var(--md-default-bg-color); /* forward/back panel */
--md-footer-bg-color--dark: #181818; /* bottom footer */
--md-footer-fg-color: #000000; /* footer text */
}
[data-md-color-scheme="slate"] {
--md-hue: 232;
--md-default-bg-color: #121212;
--md-footer-bg-color: #181818;
--md-footer-bg-color--dark: #181818;
--md-typeset-a-color: #FF6600;
--md-code-bg-color: #191919;
--md-primary-fg-color: #141414; /* header */
--md-default-bg-color: #191919; /* background color */
/* imported from black theme */
--md-primary-fg-color--light: hsla(var(--md-hue),15%,9%,0.54);
--md-primary-fg-color--dark: hsla(var(--md-hue),15%,9%,1); /* shade on repo into */
--md-primary-bg-color: hsla(var(--md-hue),15%,100%,1); /* header text */
--md-primary-bg-color--light: hsla(var(--md-hue),15%,100%,0.7);
/* ------------------------- */
--md-typeset-a-color: #ff6600; /* links */
--md-accent-fg-color: #ff6600; /* accent/buttons color */
--md-accent-bg-color: #ffffff; /* accent/buttons text */
--md-footer-bg-color: var(--md-default-bg-color); /* forward/back panel */
--md-footer-bg-color--dark: #141414; /* bottom footer */
--md-footer-fg-color: #ffffff; /* footer text */
--md-code-bg-color: #1f1f1f; /* code boxes */
}
[role=tooltip]>.md-tooltip2__inner {
font-size: 0.9rem;
}
/* nav icons */
[dir="ltr"] .md-nav--primary .md-nav__icon {
color: #ff6600;
}
/* back to top */
.md-top {
background-color: var(--md-primary-bg-color);
color: var(--md-primary-fg-color);
}
/* buttons */
.md-typeset .md-button {
background-color: #181818;
color: var(--md-accent-bg-color);
border-color:var(--md-accent-fg-color);
}
/* links */
.md-typeset a {
color: var(--md-primary-bg-color);
}

View file

@ -85,10 +85,11 @@ theme:
# - navigation.instant
# - navigation.instant.prefetch
# - navigation.instant.progress
# - navigation.path
# - navigation.prune
- navigation.sections
# - navigation.sections
- navigation.tabs
# - navigation.tabs.sticky
- navigation.tabs.sticky
- navigation.top
- navigation.tracking
- search.highlight
@ -103,15 +104,13 @@ theme:
name: Switch to light mode
- media: "(prefers-color-scheme: light)"
scheme: default
primary: white
accent: deep-orange
primary: custom
toggle:
icon: material/toggle-switch
name: Switch to dark mode
- media: "(prefers-color-scheme: dark)"
scheme: slate
primary: black
accent: deep-orange
primary: custom
toggle:
icon: material/toggle-switch-off
name: Switch to system preference