ryan/sermon-notes
1
0
Fork 0
Code Issues 10 Pull Requests Packages Releases 3 Wiki Activity

add: dark and light mode style default colors

Browse Source
This commit is contained in:
Ryan Prather
2026-05-13 17:17:46 -04:00
parent eb28e41930
commit 29f8b7461f
6 changed files with 78 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/dark-mode.css
+18
View File
@@ -0,0 +1,18 @@
:root {
--dark: #3d4449;
--primary: #00760e;
--light: #f5f6f7;
--medium: #d1d1d1;
--text: var(--light);
--background: var(--dark);
--recording: #00f;
--success: #080;
--warning: orange;
--error: #f00;
--border: var(--primary);
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}/*# sourceMappingURL=dark-mode.css.map */
assets/css/dark-mode.css.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["dark-mode.scss","dark-mode.css"],"names":[],"mappings":"AACA;EACC,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,yBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,wBAAA;EAEA,SAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,wBAAA;ACDD","file":"dark-mode.css"}
assets/css/dark-mode.scss
+20
View File
@@ -0,0 +1,20 @@
// dark mode color scheme
:root {
--dark: #3d4449;
--primary: #00760e;
--light: #f5f6f7;
--medium: #d1d1d1;
--text: var(--light);
--background: var(--dark);
--recording: #00f;
--success: #080;
--warning: orange;
--error: #f00;
--border: var(--primary);
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
assets/css/light-mode.css
+18
View File
@@ -0,0 +1,18 @@
:root {
--dark: #3d4449;
--primary: #f56a6a;
--light: #f5f6f7;
--medium: #d1d1d1;
--text: var(--dark);
--background: var(--light);
--recording: #00f;
--success: #080;
--warning: orange;
--error: #f00;
--border: var(--primary);
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}/*# sourceMappingURL=light-mode.css.map */
assets/css/light-mode.css.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["light-mode.scss","light-mode.css"],"names":[],"mappings":"AACA;EACC,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;EACA,mBAAA;EACA,0BAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,aAAA;EACA,wBAAA;EAEA,SAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,wBAAA;ACDD","file":"light-mode.css"}
assets/css/light-mode.scss
+20
View File
@@ -0,0 +1,20 @@
// light mode color scheme
:root {
--dark: #3d4449;
--primary: #f56a6a;
--light: #f5f6f7;
--medium: #d1d1d1;
--text: var(--dark);
--background: var(--light);
--recording: #00f;
--success: #080;
--warning: orange;
--error: #f00;
--border: var(--primary);
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}