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 | 22 +++++++++++-----------
1 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/copy-hours.css b/copy-hours.css
index fdbe2f5..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,21 +22,21 @@
/* Copy Hours Modal */
.copy-hours-content h3 {
margin: 0 0 1rem 0;
- color: var(--contrast);
+ 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(--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(--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,7 +69,7 @@
.copy-hours-targets h4 {
margin: 0 0 1rem 0;
- color: var(--contrast-100);
+ color: rgb(var(--contrast-100));
text-transform: uppercase;
font-size: var(--txt-small);
font-weight: 600;
@@ -86,11 +86,11 @@
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(--radius);
- box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
+ box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
z-index: 10000;
opacity: 0;
transform: translateX(100px);
--
Gitblit v1.10.0