matiasc18
e85ffc66f8
- Added Jobs/Events pages, need to set up with backend once complete - Added missing icons and fixed incorrect icons - Made AppMenu icons highlight when selected - Removed Settings from AppMenu - Fixed undefined data in People
81 lines
2.2 KiB
CSS
81 lines
2.2 KiB
CSS
:root {
|
|
--main: #FFE9C8;
|
|
--accent: #60320c;
|
|
--text: #340000;
|
|
--yellow: #f1f3c3;
|
|
--bone: #fff2e7;
|
|
--gold: #FEBA7D;
|
|
--divider: #bb7c36;
|
|
--green: #0857265c;
|
|
--red: #ff0000;
|
|
--quillred: #DE3F3F;
|
|
--brown: #812A18;
|
|
--darkbrown: #3f0808;
|
|
--darkgrey: #5c4646;
|
|
|
|
--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;
|
|
|
|
--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: rgb(69, 20, 13);
|
|
--accent: rgb(106, 44, 28);
|
|
--accentdark: rgb(37, 2, 5);
|
|
--text: rgb(255, 225, 181);
|
|
|
|
--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;
|
|
|
|
--pin-src: /_/icons/pinlight.svg;
|
|
--time-src: /_/icons/timelight.svg;
|
|
}
|
|
}
|
|
|
|
input::placeholder {
|
|
font-family: Arial;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
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);
|
|
} |