From 92e80666d516de64e488e04911c09e65a32e2a05 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sat, 23 May 2026 18:48:30 +0000
Subject: [PATCH] =Base Styles overhaul. MAJOR NOTE: colour vars changed from hex codes to the rgb numbers (ex: 0,0,0) - this makes setting colour opacity much easier throughout. Likely breaking for most existing themes though
---
dash.css | 32 ++++++++++++++++----------------
1 files changed, 16 insertions(+), 16 deletions(-)
diff --git a/dash.css b/dash.css
index edcee75..cc105ef 100644
--- a/dash.css
+++ b/dash.css
@@ -8,8 +8,8 @@
bottom: 0;
left: 0;
z-index: var(--z-4);
- background-color: var(--base);
- box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
+ background-color: rgb(var(--base));
+ box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
width: var(--btn);
transition: var(--trans-size);
overflow: hidden auto;
@@ -26,7 +26,7 @@
bottom: 0;
right: 0;
z-index: var(--z-8);
- box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
+ box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
width: var(--btn);
height: var(--btn);
}
@@ -71,7 +71,7 @@
}
nav.sidebar .toggle:hover,
nav.sidebar .toggle:focus {
- background-color: var(--action-0);
+ background-color: rgb(var(--action-0));
color: var(--action-contrast);
}
@@ -117,7 +117,7 @@
}
nav.sidebar .a {
- color: var(--contrast-200);
+ color: rgb(var(--contrast-200));
}
nav.sidebar a,
nav.sidebar .a {
@@ -195,7 +195,7 @@
.all-filters {
margin: 1rem 0;
padding: 1rem 0;
- border: 1px solid var(--base-100);
+ border: 1px solid rgb(var(--base-100));
border-width: 1px 0;
--gap: 0;
width: 100%;
@@ -204,7 +204,7 @@
width: 100%;
}
.all-filters summary:hover {
- color: var(--action-0);
+ color: rgb(var(--action-0));
}
.all-filters .row {
@@ -250,12 +250,12 @@
.all-filters .btn + label {
box-shadow: var(--shdw-none);
- color: var(--contrast-200);
+ color: rgb(var(--contrast-200));
}
.all-filters .radio-options input:not(.ch):checked + label {
- box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
- color: var(--contrast-50);
- border-color: var(--contrast-50);
+ box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
+ color: rgb(var(--contrast-50));
+ border-color: rgb(var(--contrast-50));
}
@@ -285,7 +285,7 @@
.all-filters span.label {
padding-top: .5rem;
width: 100%;
- border-top: 1px solid var(--base-200);
+ border-top: 1px solid rgb(var(--base-200));
}
}
.controls .icon {
@@ -307,8 +307,8 @@
.all-filters button:hover,
.all-filters button:focus {
background-color: transparent;
- color: var(--action-0);
- border-color: var(--action-0);
+ color: rgb(var(--action-0));
+ border-color: rgb(var(--action-0));
}
/******************************************************
SEARCH
@@ -349,8 +349,8 @@
width: calc(100% - var(--btn));
top: var(--btn);
left: var(--btn);
- background-color: rgba(var(--base-rgb), var(--op-45));
- box-shadow: rgba(var(--base-rgb), var(--op-6)) var(--shdw-down);
+ background-color: rgba(var(--base), var(--op-45));
+ box-shadow: rgba(var(--base), var(--op-6)) var(--shdw-down);
}
.replace:has(nav.tabs) {
margin-top: var(--btn);
--
Gitblit v1.10.0