Popravljena dark tema v druge barve.

This commit is contained in:
Janez Zibert 2025-02-21 09:24:08 +01:00
parent fe08ec25be
commit 4a1e039957
3 changed files with 80 additions and 13 deletions

View File

@ -2,29 +2,29 @@
This CSS is loaded after all other CSS files have been loaded This CSS is loaded after all other CSS files have been loaded
therefore, it overrides all other definitions */ therefore, it overrides all other definitions */
:root { :root {
--bootstrap-theme: dark; --bootstrap-theme: ai-dark;
--study-even-bg-color: rgb(55, 55, 60); --study-even-bg-color: rgb(193, 193, 241);
--study-odd-bg-color: rgb(45, 45, 50); --study-odd-bg-color: rgb(204, 204, 234);
--study-hover-color: rgb(100, 98, 95); --study-hover-color: rgb(175, 152, 118);
--study-selected-color: rgb(40, 40, 45); --study-selected-color: rgb(168, 168, 237);
--study-details-bg-color: var(--study-selected-color); --study-details-bg-color: var(--study-selected-color);
--study-list-remote-bg-color: var(--study-hover-color); --study-list-remote-bg-color: var(--study-hover-color);
--series-even-bg-color: rgb(45, 45, 50); --series-even-bg-color: rgb(193, 193, 241);
--series-odd-bg-color: rgb(35, 35, 40); --series-odd-bg-color: rgb(204, 204, 234);
--series-hover-color: var(--study-hover-color); --series-hover-color: var(--study-hover-color);
--series-selected-color: rgb(30, 30, 35); --series-selected-color: rgb(168, 168, 237);
--series-details-bg-color: var(--series-selected-color); --series-details-bg-color: var(--series-selected-color);
--instance-odd-bg-color: rgb(35, 35, 40); --instance-odd-bg-color: rgb(193, 193, 241);
--instance-even-bg-color: rgb(30, 30, 35); --instance-even-bg-color: rgb(204, 204, 234);
--instance-hover-color: var(--study-hover-color); --instance-hover-color: var(--study-hover-color);
--instance-selected-color: rgb(20, 20, 25); --instance-selected-color: rgb(168, 168, 237);
--instance-details-bg-color: var(--instance-selected-color); --instance-details-bg-color: var(--instance-selected-color);
--study-table-header-bg-color: var(--study-even-bg-color); --study-table-header-bg-color: var(--study-even-bg-color);
--study-table-filter-bg-color: rgb(60, 60, 59); --study-table-filter-bg-color: rgb(182, 190, 205);
--study-table-actions-bg-color: var(--study-table-filter-bg-color); --study-table-actions-bg-color: var(--study-table-filter-bg-color);
--table-filters-is-searching-color: #fda90d86; --table-filters-is-searching-color: #fda90d86;
@ -36,7 +36,7 @@ therefore, it overrides all other definitions */
--nav-side-color: rgb(255, 255, 255); --nav-side-color: rgb(255, 255, 255);
--nav-side-bg-color: rgb(30, 36, 42); --nav-side-bg-color: rgb(30, 36, 42);
--nav-side-sub-bg-color: #181c20; --nav-side-sub-bg-color: #778a9d;
--nav-side-selected-bg-color: #4f5b69; --nav-side-selected-bg-color: #4f5b69;
--nav-side-hover-bg-color: #3e454d; --nav-side-hover-bg-color: #3e454d;
--nav-side-submenu-color: rgb(255, 255, 255); --nav-side-submenu-color: rgb(255, 255, 255);

View File

@ -0,0 +1,67 @@
/* Customized CSS.
This CSS is loaded after all other CSS files have been loaded
therefore, it overrides all other definitions */
:root {
--bootstrap-theme: dark;
--study-even-bg-color: rgb(55, 55, 60);
--study-odd-bg-color: rgb(45, 45, 50);
--study-hover-color: rgb(100, 98, 95);
--study-selected-color: rgb(40, 40, 45);
--study-details-bg-color: var(--study-selected-color);
--study-list-remote-bg-color: var(--study-hover-color);
--series-even-bg-color: rgb(45, 45, 50);
--series-odd-bg-color: rgb(35, 35, 40);
--series-hover-color: var(--study-hover-color);
--series-selected-color: rgb(30, 30, 35);
--series-details-bg-color: var(--series-selected-color);
--instance-odd-bg-color: rgb(35, 35, 40);
--instance-even-bg-color: rgb(30, 30, 35);
--instance-hover-color: var(--study-hover-color);
--instance-selected-color: rgb(20, 20, 25);
--instance-details-bg-color: var(--instance-selected-color);
--study-table-header-bg-color: var(--study-even-bg-color);
--study-table-filter-bg-color: rgb(60, 60, 59);
--study-table-actions-bg-color: var(--study-table-filter-bg-color);
--table-filters-is-searching-color: #fda90d86;
--table-filters-is-not-searching-color: rgb(30, 150, 255);
--details-top-margin: 25px;
--nav-bar-width: 260px;
--nav-side-color: rgb(255, 255, 255);
--nav-side-bg-color: rgb(30, 36, 42);
--nav-side-sub-bg-color: #181c20;
--nav-side-selected-bg-color: #4f5b69;
--nav-side-hover-bg-color: #3e454d;
--nav-side-submenu-color: rgb(255, 255, 255);
--nav-side-active-border-color: #d19b3d;
--label-bg-color: rgb(61, 116, 141);
--form-placeholder-color: #888;
/* you may also customize global bootstrap variables */
--bs-border-color: rgb(110, 160, 200);
/* --bs-info-rgb: 255, 26, 35; */
}
/* datepicker variables */
.dp__theme_dark {
--dp-border-color: var(--bs-border-color);
}
/* optional, you may e.g. customize bootstrap buttons or any other class that is declared globally */
/*
.btn-primary {
--bs-btn-color: white;
--bs-btn-bg: red;
} */