99 lines
2.6 KiB
CSS
99 lines
2.6 KiB
CSS
:root {
|
|
--main: #FFE9C8;
|
|
--accent: #60320c;
|
|
--darkaccent: #250709;
|
|
--text: #340000;
|
|
--yellow: #f1f3c3;
|
|
--bone: #fff2e7;
|
|
--gold: #FEBA7D;
|
|
--divider: #bb7c36;
|
|
--green: #0857265c;
|
|
--red: #ff0000;
|
|
--quillred: #DE3F3F;
|
|
--brown: #812A18;
|
|
|
|
--sidebar: #4e765f;
|
|
--divider: #523636;
|
|
--darkbrown: #3f0808;
|
|
--darkgrey: #5c4646;
|
|
|
|
--headertext: #433c36e2;
|
|
--searchbackground: #dfc9ac;
|
|
|
|
--home-src: /_/icons/home.svg;
|
|
--home-selected-src: /_/icons/homelightselected.svg;
|
|
--people-src: /_/icons/people.svg;
|
|
--people-selected-src: /_/icons/peoplelightselected.svg;
|
|
--settings-src: /_/icons/settings.svg;
|
|
--settings-selected-src: /_/icons/settingslightselected.svg;
|
|
--events-src: /_/icons/events.svg;
|
|
--events-selected-src: /_/icons/eventslightselected.svg;
|
|
--jobs-src: /_/icons/jobs.svg;
|
|
--jobs-selected-src: /_/icons/jobslightselected.svg;
|
|
|
|
--column-src: /_/icons/column2.svg;
|
|
--nodes-src: /_/icons/nodes.svg;
|
|
--forum-src: /_/icons/forum.svg;
|
|
--trash-src: /_/icons/trash.svg;
|
|
|
|
--pin-src: /_/icons/pin.svg;
|
|
--time-src: /_/icons/time.svg;
|
|
|
|
--top-inset: env(safe-area-inset-top, 0px);
|
|
--bottom-inset: env(safe-area-inset-bottom, 0px);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--main: #2A150E;
|
|
--accent: #3D2622;
|
|
--darkaccent: #240609;
|
|
--text: #FADFB6;
|
|
|
|
--sidebar: #240609;
|
|
--divider: #523636;
|
|
--darktext: #62473E;
|
|
--headertext: #ffd8bbe2;
|
|
--darkred: #6b2c1d;
|
|
--searchbackground: #260F0C;
|
|
|
|
|
|
--home-src: /_/icons/homelight.svg;
|
|
--home-selected-src: /_/icons/homelightselected.svg;
|
|
--people-src: /_/icons/peoplelight.svg;
|
|
--people-selected-src: /_/icons/peoplelightselected.svg;
|
|
--settings-src: /_/icons/settingslight.svg;
|
|
--settings-selected-src: /_/icons/settingslightselected.svg;
|
|
--events-src: /_/icons/eventslight.svg;
|
|
--events-selected-src: /_/icons/eventslightselected.svg;
|
|
--jobs-src: /_/icons/jobslight.svg;
|
|
--jobs-selected-src: /_/icons/jobslightselected.svg;
|
|
|
|
--column-src: /_/icons/column2.svg;
|
|
--nodes-src: /_/icons/nodes.svg;
|
|
--forum-src: /_/icons/forum.svg;
|
|
--trash-src: /_/icons/trash.svg;
|
|
|
|
--pin-src: /_/icons/pinlight.svg;
|
|
--time-src: /_/icons/timelight.svg;
|
|
}
|
|
}
|
|
|
|
input::placeholder {
|
|
font-family: Arial;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: Arial;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--main);
|
|
padding-top: env(safe-area-inset-top);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-right: env(safe-area-inset-right);
|
|
} |