VReader/vreader/static/style.css
Evan Reichard f85deba946
All checks were successful
continuous-integration/drone/push Build is passing
[add] pwa, icons, banner, themes
2023-11-11 16:43:32 -05:00

69 lines
1.4 KiB
CSS

/* ----------------------------- */
/* -------- PWA Styling -------- */
/* ----------------------------- */
html,
body {
overscroll-behavior-y: none;
margin: 0px;
}
html {
height: calc(100% + env(safe-area-inset-bottom));
padding: env(safe-area-inset-top) env(safe-area-inset-right) 0
env(safe-area-inset-left);
}
main {
height: calc(100dvh - 4rem - env(safe-area-inset-top));
}
#container {
padding-bottom: calc(5em + env(safe-area-inset-bottom) * 2);
}
/* No Scrollbar - IE, Edge, Firefox */
* {
-ms-overflow-style: none;
scrollbar-width: none;
}
/* No Scrollbar - WebKit */
*::-webkit-scrollbar {
display: none;
}
/* ----------------------------- */
/* ----------- Theme ----------- */
/* ----------------------------- */
@media (prefers-color-scheme: light) {
html {
--color-primary: #f3f4f6;
--color-secondary: #e5e7eb;
--color-tertiary: #d1d5db;
--color-primary-text: #1f2937;
--color-secondary-text: #4b5563;
}
}
@media (prefers-color-scheme: dark) {
html {
--color-primary: #091b1b;
--color-secondary: #123636;
--color-tertiary: #1f5c5c;
--color-primary-text: #ffffff;
--color-secondary-text: #d6f1ed;
}
}
/*
@media (prefers-color-scheme: dark) {
html {
--color-primary: #091B1B;
--color-secondary: #123636;
--color-tertiary: #1F5C5C;
--color-primary-text: #FFFFFF;
--color-secondary-text: #D6F1ED;
}
}
*/