github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 14:33:33 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 19

light/dark mode css

Browse source
This commit is contained in:
hay-kot 2021-03-31 10:41:29 -08:00
commit 27b792a9e8
3 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

16
docs/docs/assets/stylesheets/custom.css
View file

@ -1,14 +1,20 @@
:root { [data-md-color-scheme="mealie"] {
--md-primary-fg-color: #e58325; --md-primary-fg-color: #e58325;
--md-primary-fg-color--light: #e58325; --md-primary-fg-color--light: #e58325;
--md-primary-fg-color--dark: #e58325;
--md-accent-fg-color: #e58325; --md-accent-fg-color: #e58325;
--md-custom-h2-color: #333;
--md-accent-fg-color--light: #e58325; --md-accent-fg-color--light: #e58325;
--md-accent-fg-color--dark: #e58325; --md-default-accent-bg-color: #f7fafc;
} }
body { [data-md-color-scheme="slate"] {
background: var(--md-primary-bg-color); --md-primary-fg-color: #e58325;
--md-primary-fg-color--dark: #e58325;
--md-accent-fg-color: #e58325;
--md-accent-fg-color--dark: #e58325;
--md-custom-h2-color: rgb(167, 167, 167);
--md-default-bg-color: #1a1b1b;
--md-default-accent-bg-color: #1f1e1e;
} }
/* frontpage elements */ /* frontpage elements */

2
docs/docs/overrides/api.html
View file

File diff suppressed because one or more lines are too long

14
docs/docs/overrides/home.html
View file

@ -16,7 +16,6 @@
.tx-container { .tx-container {
padding-top: .0rem; padding-top: .0rem;
background: var(--md-primary-bg-color)
} }
.tx-hero { .tx-hero {
@ -27,7 +26,7 @@
.tx-hero h1 { .tx-hero h1 {
margin-bottom: 1rem; margin-bottom: 1rem;
font-family: "Roboto"; font-family: "Roboto";
color: #30353a; color: var(--md-custom-h2-color);
font-weight: 500 font-weight: 500
} }
@ -68,7 +67,7 @@
} }
.feature-container { .feature-container {
background-color: #F7FAFC; background-color: var(--md-default-accent-bg-color);
} }
.top-hr { .top-hr {
@ -85,7 +84,7 @@
} }
.feature-item h2 { .feature-item h2 {
color: #333; color: var(--md-custom-h2-color);
font-weight: 300; font-weight: 300;
font-size: 25px; font-size: 25px;
white-space: nowrap; white-space: nowrap;
@ -102,7 +101,7 @@
line-height: 1.8em; line-height: 1.8em;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
color: #111; color: var(--webkit-print-color-adjust);
margin: 0 0 10px; margin: 0 0 10px;
display: block; display: block;
} }
@ -162,11 +161,6 @@
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
/* .feature-item:hover {
background-color: #fea55247;
border-radius: 3px;
} */
} }
.hr { .hr {