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
---
copy-hours.css | 41 +++++++++++++++++------------------------
1 files changed, 17 insertions(+), 24 deletions(-)
diff --git a/copy-hours.css b/copy-hours.css
index f2ee4ad..45ae51d 100644
--- a/copy-hours.css
+++ b/copy-hours.css
@@ -7,7 +7,7 @@
.hours-copy-btn:hover {
- background-color: var(--action-50);
+ background-color: rgb(var(--action-50));
transform: scale(1.05);
}
@@ -22,23 +22,23 @@
/* Copy Hours Modal */
.copy-hours-content h3 {
margin: 0 0 1rem 0;
- color: var(--contrast);
- font-size: var(--large);
+ color: rgb(var(--contrast));
+ font-size: var(--txt-large);
}
.copy-hours-source {
- background-color: var(--base-100);
+ background-color: rgb(var(--base-100));
padding: 1rem;
- border-radius: var(--innerRadius);
+ border-radius: var(--radius);
margin-bottom: 1.5rem;
- border: 1px solid var(--base-200);
+ border: 1px solid rgb(var(--base-200));
}
.copy-hours-source h4 {
margin: 0 0 0.5rem 0;
- color: var(--contrast-100);
+ color: rgb(var(--contrast-100));
text-transform: uppercase;
- font-size: var(--small);
+ font-size: var(--txt-small);
font-weight: 600;
}
@@ -48,18 +48,18 @@
.source-day {
font-weight: 600;
- color: var(--contrast);
+ color: rgb(var(--contrast));
text-transform: capitalize;
}
.source-hours {
--gap: 1rem;
font-weight: 500;
- color: var(--contrast);
+ color: rgb(var(--contrast));
}
.source-hours.closed {
- color: var(--contrast-200);
+ color: rgb(var(--contrast-200));
font-style: italic;
}
@@ -69,9 +69,9 @@
.copy-hours-targets h4 {
margin: 0 0 1rem 0;
- color: var(--contrast-100);
+ color: rgb(var(--contrast-100));
text-transform: uppercase;
- font-size: var(--small);
+ font-size: var(--txt-small);
font-weight: 600;
}
@@ -86,15 +86,15 @@
position: fixed;
top: 2rem;
right: 2rem;
- background-color: var(--action-50);
+ background-color: rgb(var(--action-50));
color: var(--action-contrast);
padding: 1rem 1.5rem;
- border-radius: var(--innerRadius);
- box-shadow: var(--shadow);
+ border-radius: var(--radius);
+ box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
z-index: 10000;
opacity: 0;
transform: translateX(100px);
- transition: all var(--transition-base);
+ transition: all var(--trans-base);
display: flex;
align-items: center;
gap: 0.5rem;
@@ -108,10 +108,3 @@
.feedback .icon {
--w: 1.25rem;
}
-
-/* Dark mode support */
-@media (prefers-color-scheme: dark) {
- .feedback {
- background-color: var(--success-dark, #1e7e34);
- }
-}
\ No newline at end of file
--
Gitblit v1.10.0