67 lines
2.1 KiB
CSS
67 lines
2.1 KiB
CSS
/* Warm amber theme, good for light mode and softer dark mode. */
|
|
:root, [data-bs-theme="light"] {
|
|
color-scheme: light;
|
|
--bs-primary: #b45309;
|
|
--bs-primary-rgb: 180,83,9;
|
|
--bs-link-color: #b45309;
|
|
--bs-link-color-rgb: 180,83,9;
|
|
--bs-link-hover-color: #92400e;
|
|
--bs-link-hover-color-rgb: 180,83,9;
|
|
--bs-body-bg: #fff8ed;
|
|
--bs-body-bg-rgb: 255,248,237;
|
|
--bs-body-color: #2c1d0b;
|
|
--bs-secondary-bg: #ffffff;
|
|
--bs-secondary-bg-rgb: 255,255,255;
|
|
--bs-tertiary-bg: #ffefd6;
|
|
--bs-border-color: #f3d7aa;
|
|
--bs-secondary-color: #7a6750;
|
|
--bs-primary-bg-subtle: #ffecd0;
|
|
--bs-primary-text-emphasis: #92400e;
|
|
--torrent-progress-complete: #16a34a;
|
|
--pytorrent-page-bg: linear-gradient(180deg, #fffaf2 0%, #fff0d8 100%);
|
|
--pytorrent-shell-shadow: 0 16px 38px rgba(146, 64, 14, 0.13);
|
|
}
|
|
|
|
[data-bs-theme="dark"] {
|
|
color-scheme: dark;
|
|
--bs-primary: #f59e0b;
|
|
--bs-primary-rgb: 245,158,11;
|
|
--bs-link-color: #f59e0b;
|
|
--bs-link-color-rgb: 245,158,11;
|
|
--bs-link-hover-color: #fde68a;
|
|
--bs-link-hover-color-rgb: 245,158,11;
|
|
--bs-body-bg: #140d05;
|
|
--bs-body-bg-rgb: 20,13,5;
|
|
--bs-body-color: #f5e9d6;
|
|
--bs-secondary-bg: #211607;
|
|
--bs-secondary-bg-rgb: 33,22,7;
|
|
--bs-tertiary-bg: #2b1d0b;
|
|
--bs-border-color: #4c3515;
|
|
--bs-secondary-color: #c3a780;
|
|
--bs-primary-bg-subtle: #3a2609;
|
|
--bs-primary-text-emphasis: #fde68a;
|
|
--torrent-progress-complete: #22c55e;
|
|
--pytorrent-page-bg: radial-gradient(circle at top left, rgba(245, 158, 11, 0.16), transparent 34%), #140d05;
|
|
--pytorrent-shell-shadow: 0 18px 55px rgba(30, 15, 0, 0.58);
|
|
}
|
|
|
|
.btn-primary {
|
|
--bs-btn-bg: var(--bs-primary);
|
|
--bs-btn-border-color: var(--bs-primary);
|
|
--bs-btn-hover-bg: var(--bs-primary-text-emphasis);
|
|
--bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
|
|
}
|
|
.btn-outline-primary {
|
|
--bs-btn-color: var(--bs-primary);
|
|
--bs-btn-border-color: rgba(var(--bs-primary-rgb), 0.72);
|
|
--bs-btn-hover-bg: var(--bs-primary);
|
|
--bs-btn-hover-border-color: var(--bs-primary);
|
|
}
|
|
.nav-pills {
|
|
--bs-nav-pills-link-active-bg: var(--bs-primary);
|
|
}
|
|
.progress,
|
|
.progress-stacked {
|
|
--bs-progress-bg: rgba(var(--bs-secondary-bg-rgb), 0.82);
|
|
}
|