Initial commit of Dynacat config, assets, and rules
This commit is contained in:
@@ -0,0 +1,111 @@
|
||||
/* 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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user