Jonah
112 lines
3.0 KiB
CSS
112 lines
3.0 KiB
CSS
/* Override the default-dark theme (the middle option) with Jonahlahona colors */
|
|
html[data-theme="default-dark"] {
|
|
--bgh: 0 !important;
|
|
--bgs: 39% !important;
|
|
--bgl: 8% !important;
|
|
|
|
--color-primary: #5d4646 !important;
|
|
--color-negative: #cdbcbc !important;
|
|
--color-positive: hsl(145, 63%, 42%) !important;
|
|
}
|
|
|
|
/* Add custom gradients to the whole dashboard when this theme is active */
|
|
html[data-theme="default-dark"] body {
|
|
background: radial-gradient(circle at top left, #281111 0%, #0d0505 100%) !important;
|
|
color: #cdbcbc !important;
|
|
}
|
|
|
|
/* Card backgrounds */
|
|
html[data-theme="default-dark"] .box,
|
|
html[data-theme="default-dark"] .panel,
|
|
html[data-theme="default-dark"] .card {
|
|
background: linear-gradient(145deg, #1b0d0d 0%, #0c0505 100%) !important;
|
|
border-color: #3a2221 !important;
|
|
}
|
|
|
|
/* Update the Theme Picker preview colors to show our custom colors! */
|
|
.theme-preset[data-key="default-dark"] {
|
|
--color: #0d0505 !important;
|
|
}
|
|
.theme-preset[data-key="default-dark"] .theme-color:nth-child(1) {
|
|
--color: #5d4646 !important;
|
|
}
|
|
.theme-preset[data-key="default-dark"] .theme-color:nth-child(2) {
|
|
--color: #5d4646 !important;
|
|
}
|
|
.theme-preset[data-key="default-dark"] .theme-color:nth-child(3) {
|
|
--color: #cdbcbc !important;
|
|
}
|
|
|
|
/* ============================================================================
|
|
UI Spacing & Layout Compaction
|
|
============================================================================ */
|
|
:root {
|
|
--widget-gap: 12px !important;
|
|
--widget-content-vertical-padding: 8px !important;
|
|
--widget-content-horizontal-padding: 12px !important;
|
|
--border-radius: 4px !important;
|
|
--content-bounds-padding: 10px !important;
|
|
|
|
/* Tighter text scale */
|
|
--font-size-h1: 1.65rem !important;
|
|
--font-size-h2: 1.55rem !important;
|
|
--font-size-h3: 1.45rem !important;
|
|
--font-size-h4: 1.35rem !important;
|
|
--font-size-base: 1.28rem !important;
|
|
--font-size-h5: 1.18rem !important;
|
|
--font-size-h6: 1.08rem !important;
|
|
}
|
|
|
|
/* Compact header and tabs */
|
|
.header-container {
|
|
--header-height: 38px !important;
|
|
--header-items-gap: 1.5rem !important;
|
|
}
|
|
|
|
/* Tighter search input box */
|
|
.search-input {
|
|
height: 4.2rem !important;
|
|
}
|
|
|
|
/* Compact spacing between bookmark list items */
|
|
.bookmarks-group .list > *:not(:first-child) {
|
|
margin-top: 3px !important;
|
|
}
|
|
|
|
/* Compact bookmark icon sizing and background padding */
|
|
.bookmarks-icon-container {
|
|
padding: 0.35rem !important;
|
|
}
|
|
.bookmarks-icon {
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
}
|
|
|
|
/* Tighter grid for bookmark groups */
|
|
.dynamic-columns {
|
|
gap: 10px 15px !important;
|
|
}
|
|
|
|
/* Tighter margin below card headers */
|
|
.widget-header {
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
|
|
/* Compact calendar spacing */
|
|
.calendar-dates {
|
|
gap: 1px !important;
|
|
}
|
|
.calendar-date {
|
|
padding: 0.2rem 0 !important;
|
|
}
|
|
.old-calendar-day {
|
|
padding: 0.3rem 0 !important;
|
|
}
|
|
|
|
/* Compact server stats block margin */
|
|
.server-stats {
|
|
margin-top: 0.25rem !important;
|
|
gap: 1rem !important;
|
|
}
|
|
|