meteo/Sentri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added light and dark gruvbox themes. fixed css issues.

Browse Source
This commit is contained in:
Marco
2026-05-28 23:38:05 +02:00
parent 4eba391e7f
commit da64e632a6
27 changed files with 2031 additions and 46541 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
pub/src/css/bootstrap.gruvbox.css vendored
View File

@@ -1,11 +1,6 @@
@charset "UTF-8";
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
:root {
--bs-blue: #83a598;
--bs-indigo: #b16286;
--bs-purple: #d3869b;
@@ -17,8 +12,8 @@
--bs-teal: #8ec07c;
--bs-cyan: #458588;
--bs-black: #1d2021;
--bs-white: #fbf1c7;
--bs-gray: #928374;
--bs-white: #f9f5d7;
--bs-gray: #a89984;
--bs-gray-dark: #3c3836;
--bs-gray-100: #f9f5d7;
--bs-gray-200: #ebdbb2;
@@ -29,24 +24,24 @@
--bs-gray-700: #665c54;
--bs-gray-800: #3c3836;
--bs-gray-900: #282828;
--bs-primary: #83a598;
--bs-primary: #458588;
--bs-primary-rgb: 69, 133, 136;
--bs-secondary: #928374;
--bs-success: #98971a;
--bs-info: #458588;
--bs-warning: #fabd2f;
--bs-danger: #cc241d;
--bs-secondary-rgb: 146, 131, 116;
--bs-success: #689d6a;
--bs-success-rgb: 104, 157, 106;
--bs-info: #83a598;
--bs-info-rgb: 131, 165, 152;
--bs-warning: #fe8019;
--bs-warning-rgb: 254, 128, 25;
--bs-danger: #fb4934;
--bs-danger-rgb: 251, 73, 52;
--bs-light: #fbf1c7;
--bs-light-rgb: 251, 241, 199;
--bs-dark: #282828;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #458588;
--bs-secondary-text-emphasis: #3c3836;
--bs-dark-rgb: 40, 40, 40;
--bs-primary-text-emphasis: #076678;
--bs-secondary-text-emphasis: #7, 102, 120;
--bs-success-text-emphasis: #98971a;
--bs-info-text-emphasis: #83a598;
--bs-warning-text-emphasis: #d79921;
@@ -59,8 +54,8 @@
--bs-info-bg-subtle: #83a598;
--bs-warning-bg-subtle: #fabd2f;
--bs-danger-bg-subtle: #fb4934;
--bs-light-bg-subtle: #f9f5d7;
--bs-dark-bg-subtle: #928374;
--bs-light-bg-subtle: #f2e5bc;
--bs-dark-bg-subtle: #32302f;
--bs-primary-border-subtle: #83a598;
--bs-secondary-border-subtle: #a89984;
--bs-success-border-subtle: #b8bb26;
@@ -78,33 +73,38 @@
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fbf1c7;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #282828;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgb(213, 196, 161);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #bdae93;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #d5c4a1;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-body-color: #fbf1c7;
--bs-body-color-rgb: 251, 241, 199;
--bs-body-bg: #282828;
--bs-body-bg-rgb: 40, 40, 40;
--bs-emphasis-color: #ebdbb2;
--bs-emphasis-color-rgb: 235, 219, 178;
--bs-secondary-color: #d5c4a1;
--bs-secondary-color-rgb: 213, 196, 161;
--bs-secondary-bg: #32302f;
--bs-secondary-bg-rgb: 50, 48, 47;
--bs-tertiary-bg: #3c3836;
--bs-tertiary-bg-rgb: 60, 56, 54;
--bs-tertiary-color: rgba(235, 219, 178, 0.5);
--bs-tertiary-color-rgb: 235, 219, 178;
--bs-heading-color: inherit;
--bs-link-color: #458588;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-color-rgb: 69, 133, 136;
--bs-link-decoration: underline;
--bs-link-hover-color: #83a598;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-hover-bg: rgba(var(--bs-body-color-rgb), 0.1);
--bs-code-color: #d65d0e;
--bs-accent-bg: var(--bs-warning);
--bs-accent-color: var(--bs-body-bg);
--bs-accent-bg-rgb: 214, 93, 14;
--bs-highlight-color: #282828;
--bs-highlight-bg: #fbf1c7;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #d5c4a1;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-color: #504945;
--bs-border-color-rgb: 80, 73, 69;
--bs-border-color-translucent: rgba(80, 73, 69, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
@@ -118,82 +118,145 @@
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-focus-ring-color: rgba(254, 128, 25, 0.50);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #ebdbb2; /* fg1 */
--bs-body-color-rgb: 235, 219, 178;
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
--bs-body-bg: #282828; /* bg */
--bs-body-bg-rgb: 40, 40, 40;
--bs-emphasis-color: #fbf1c7; /* light bg */
--bs-emphasis-color-rgb: 251, 241, 199;
--bs-secondary-color: rgba(60, 56, 54, 0.75); /* fg1 @ 75% */
--bs-secondary-color-rgb: 235, 219, 178;
--bs-secondary-bg: #3c3836; /* bg2 */
--bs-secondary-bg-rgb: 60, 56, 54;
--bs-tertiary-color: rgba(235, 219, 178, 0.5); /* fg1 @ 50% */
--bs-tertiary-color-rgb: 235, 219, 178;
--bs-tertiary-bg: #1d2021; /* bg0_h */
--bs-tertiary-bg-rgb: 29, 32, 33;
--bs-primary-text-emphasis: #83a598; /* blue */
--bs-secondary-text-emphasis: #928374; /* gray */
--bs-success-text-emphasis: #b8bb26; /* green */
--bs-info-text-emphasis: #8ec07c; /* aqua */
--bs-warning-text-emphasis: #fabd2f; /* yellow */
--bs-danger-text-emphasis: #fb4934; /* red */
--bs-light-text-emphasis: #ebdbb2; /* fg1 */
--bs-dark-text-emphasis: #a89984; /* fg3 */
--bs-primary-bg-subtle: #458588; /* dark blue bg */
--bs-secondary-bg-subtle: #928374; /* bg */
--bs-success-bg-subtle: #98971a; /* bg2 */
--bs-info-bg-subtle: #83a598; /* bg1 */
--bs-warning-bg-subtle: #d79921; /* used for contrast */
--bs-danger-bg-subtle: #cc241d; /* used for contrast */
--bs-light-bg-subtle: #bdae93; /* used for hover etc */
--bs-dark-bg-subtle: #665c54; /* darker bg */
--bs-primary-border-subtle: #458588; /* blue */
--bs-secondary-border-subtle: #928374; /* gray */
--bs-success-border-subtle: #98971a; /* green */
--bs-info-border-subtle: #83a598; /* aqua */
--bs-warning-border-subtle: #d79921; /* dark yellow */
--bs-danger-border-subtle: #cc241d; /* red */
--bs-light-border-subtle: #bdae93; /* fg3 */
--bs-dark-border-subtle: #665c54; /* fg_dark */
--bs-heading-color: #ebdbb2; /* fg1 */
--bs-link-color: #83a598; /* blue */
--bs-link-hover-color: #b8bbec; /* lighter blue */
--bs-link-color-rgb: 131, 165, 152;
--bs-link-hover-color-rgb: 184, 187, 236;
--bs-code-color: #d3869b; /* bright purple/pink */
--bs-highlight-color: #ebdbb2; /* fg1 */
--bs-highlight-bg: #d79921; /* yellow-ish bg highlight */
--bs-border-color: #3c3836; /* gray border */
--bs-border-color-translucent: rgba(235, 219, 178, 0.15); /* fg1 @ 15% */
--bs-form-valid-color: #b8bb26; /* green */
--bs-form-valid-border-color: #b8bb26;
--bs-form-invalid-color: #fb4934; /* red */
--bs-form-invalid-border-color: #fb4934;
@media (prefers-color-scheme: light) {
:root {
--bs-blue: #076678;
--bs-indigo: #b16286;
--bs-purple: #8f3f71;
--bs-pink: #d3869b;
--bs-red: #cc241d;
--bs-orange: #af3a03;
--bs-yellow: #d79921;
--bs-green: #98971a;
--bs-teal: #427b58;
--bs-cyan: #458588;
--bs-black: #1d2021;
--bs-white: #f9f5d7;
--bs-gray: #a89984;
--bs-gray-dark: #3c3836;
--bs-gray-100: #f9f5d7;
--bs-gray-200: #ebdbb2;
--bs-gray-300: #d5c4a1;
--bs-gray-400: #bdae93;
--bs-gray-500: #a89984;
--bs-gray-600: #928374;
--bs-gray-700: #665c54;
--bs-gray-800: #3c3836;
--bs-gray-900: #282828;
--bs-primary: #458588;
--bs-primary-rgb: 69, 133, 136;
--bs-secondary: #928374;
--bs-secondary-rgb: 146, 131, 116;
--bs-success: #689d6a;
--bs-success-rgb: 104, 157, 106;
--bs-info: #83a598;
--bs-info-rgb: 131, 165, 152;
--bs-warning: #d65d0e;
--bs-warning-rgb: 254, 128, 25;
--bs-danger: #cc241d;
--bs-danger-rgb: 204, 36, 29;
--bs-light: #fbf1c7;
--bs-light-rgb: 251, 241, 199;
--bs-dark: #282828;
--bs-dark-rgb: 40, 40, 40;
--bs-primary-text-emphasis: #076678;
--bs-secondary-text-emphasis: #7, 102, 120;
--bs-success-text-emphasis: #98971a;
--bs-info-text-emphasis: #83a598;
--bs-warning-text-emphasis: #fe8019;
--bs-danger-text-emphasis: #cc241d;
--bs-light-text-emphasis: #a89984;
--bs-dark-text-emphasis: #a89984;
--bs-primary-bg-subtle: #d5c4a1;
--bs-secondary-bg-subtle: #ebdbb2;
--bs-success-bg-subtle: #b8bb26;
--bs-info-bg-subtle: #83a598;
--bs-warning-bg-subtle: #fabd2f;
--bs-danger-bg-subtle: #fb4934;
--bs-light-bg-subtle: #f2e5bc;
--bs-dark-bg-subtle: #32302f;
--bs-primary-border-subtle: #83a598;
--bs-secondary-border-subtle: #a89984;
--bs-success-border-subtle: #b8bb26;
--bs-info-border-subtle: #8ec07c;
--bs-warning-border-subtle: #d79921;
--bs-danger-border-subtle: #d3869b;
--bs-light-border-subtle: #ebdbb2;
--bs-dark-border-subtle: #928374;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #282828;
--bs-body-color-rgb: 40, 40, 40;
--bs-body-bg: #fbf1c7;
--bs-body-bg-rgb: 251, 241, 199;
--bs-emphasis-color: #3c3836;
--bs-emphasis-color-rgb: 60, 56, 54;
--bs-secondary-color: #504945;
--bs-secondary-color-rgb: 80, 73, 69;
--bs-secondary-bg: #f2e5bc;
--bs-secondary-bg-rgb: 242, 229, 188;
--bs-tertiary-bg: #ebdbb2;
--bs-tertiary-bg-rgb: 235, 219, 178;
--bs-tertiary-color: rgba(60, 56, 54, 0.5);
--bs-tertiary-color-rgb: 60, 56, 54;
--bs-heading-color: inherit;
--bs-link-color: #458588;
--bs-link-color-rgb: 69, 133, 136;
--bs-link-decoration: underline;
--bs-link-hover-color: #076678;
--bs-link-hover-color-rgb: 7, 102, 120;
--bs-hover-bg: rgba(var(--bs-body-color-rgb), 0.1);
--bs-code-color: #af3a03;
--bs-accent-bg: var(--bs-warning);
--bs-accent-color: var(--bs-body-bg);
--bs-accent-bg-rgb: 175, 58, 3;
--bs-highlight-color: #fbf1c7;
--bs-highlight-bg: #282828;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #d5c4a1;
--bs-border-color-rgb: 213, 196, 161;
--bs-border-color-translucent: rgba(213, 196, 161, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(175, 58, 3, 0.50);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
}
*,
@@ -2128,11 +2191,11 @@ progress {
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-bg: var(--bs-secondary-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.01);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--bs-emphasis-color);
@@ -4930,8 +4993,8 @@ textarea.form-control-lg {
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-color: var(--bs-secondary-color);
--bs-card-bg: var(--bs-secondary-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;