From 26ca6d1cf93d6ee1750abecc74c523de8c961351 Mon Sep 17 00:00:00 2001 From: chris bell Date: Fri, 7 Aug 2026 10:21:24 -0500 Subject: [PATCH] Adjusting colors --- assets/local.db | Bin 40960 -> 40960 bytes assets/styles/main.rcss | 88 ++++++++++++++++++++++------------------ 2 files changed, 49 insertions(+), 39 deletions(-) diff --git a/assets/local.db b/assets/local.db index 567e7fb5b0f046a414ea0047028f1bed2d1ed485..249f4ad132c2ace1af67203b559c13e49f9b77b2 100644 GIT binary patch delta 147 zcmZoTz|?SnX@WGP(nJ|&Mx~7jOZ+*Q__G-Kck^d$<_U=75A^5ZWRT=%ax5vyEGbP% zwNgkc%1q5m$*D}wPb`_dJKmF-iT}f9_Jo)GY^=zvaK=XXM%Zpk6@%0P4*z A8UO$Q delta 68 zcmZoTz|?SnX@WGP>_i!7M%j%COZ+()`FAt&@8*BInI|BQf8vC|$-Cn{nHl-NZDvn+ a$v-iGZSseFmd(HNpYk(uZhla&pa1|d=NUo( diff --git a/assets/styles/main.rcss b/assets/styles/main.rcss index c8d534b..d20bc9d 100644 --- a/assets/styles/main.rcss +++ b/assets/styles/main.rcss @@ -1,18 +1,16 @@ -/* ========================================================================== - RCSS User Agent Defaults (Collector's Pinboard Theme) - ========================================================================== */ * { box-sizing: border-box; font-family: "Hubballi"; - - --background-color: #1d3557; - --foreground-color: #1d3557; - --accent-green: #e63946; - --accent-gold: #f4a261; - --accent-clay: #d62828; - --card-bg: #f1faee; - --border-dark: #0f1c2e; + + --background-color: #2b2d2f; + --foreground-color: #f0eae1; + --accent-green: #606c38; + --accent-bright-green: #7d8d4c; + --accent-gold: #dda15e; + --accent-clay: #bc6c25; + --card-bg: #383b3e; + --border-dark: #191a1b; } body { @@ -68,8 +66,8 @@ button, input, select, textarea { button { padding: 6px 16px; - background-color: var(--accent-gold); - color: var(--border-dark); + background-color: var(--accent-green); + color: var(--foreground-color); border: 3px var(--border-dark); border-radius: 6px; text-align: center; @@ -77,16 +75,17 @@ button { } button:hover { - background-color: #f3be58; + background-color: var(--accent-bright-green); } button:active { - background-color: var(--accent-clay); + background-color: var(--accent-gold); + color: var(--border-dark); } input[type="text"], textarea { padding: 8px 12px; - background-color: #ffffff; + background-color: #212325; color: var(--foreground-color); border: 3px var(--border-dark); border-radius: 6px; @@ -94,13 +93,13 @@ input[type="text"], textarea { } input[type="text"]:focus, textarea:focus { - background-color: #fffde8; - border-color: var(--accent-green); + background-color: #2b2d2f; + border-color: var(--accent-bright-green); } textarea { display: block; - height: 90px; + height: 150px; } /* =================================== @@ -112,7 +111,7 @@ textarea { align-items: center; justify-content: space-between; padding: 12px 20px; - background-color: var(--accent-gold); + background-color: var(--accent-green); border: 3px var(--border-dark); border-radius: 8px; margin-bottom: 24px; @@ -127,7 +126,7 @@ textarea { #header h1 { font-size: 2.5em; - color: var(--border-dark); + color: var(--foreground-color); letter-spacing: 1px; } @@ -135,7 +134,7 @@ textarea { font-size: 12pt; font-weight: bold; background-color: var(--border-dark); - color: #ffffff; + color: var(--accent-gold); padding: 2px 10px; border-radius: 12px; } @@ -149,19 +148,19 @@ textarea { align-items: center; justify-content: center; border: 3px var(--border-dark); - background-color: var(--accent-green); - color: #ffffff; + background-color: var(--accent-gold); + color: var(--border-dark); padding: 0px; } #new-critter-btn:hover { - background-color: var(--accent-clay); + background-color: var(--accent-bright-green); + color: var(--foreground-color); } /* =================================== - Pinboard Grid Layout + Drawer List Styles =================================== */ -/* Drawer List Specific Styles */ .critter-list { display: flex; flex-direction: column; @@ -184,8 +183,8 @@ textarea { } .critter-card:hover { - background-color: #ffffff; - border-left-color: var(--accent-gold); + background-color: #45484c; + border-left-color: var(--accent-bright-green); } .critter-card-body { @@ -197,7 +196,7 @@ textarea { } .thumb-frame { - background-color: var(--accent-gold); + background-color: var(--accent-green); border: 2px var(--border-dark); border-radius: 4px; padding: 2px; @@ -224,12 +223,13 @@ textarea { .critter-name { font-size: 18pt; margin: 0px; + color: var(--foreground-color); } .critter-id { font-size: 11pt; font-weight: bold; - color: #666666; + color: var(--accent-gold); } .info-pills { @@ -240,8 +240,9 @@ textarea { .pill { font-size: 12pt; - background-color: #e8e2cf; - border: 1px var(--border-dark); + background-color: #212325; + color: var(--foreground-color); + border: 1px var(--accent-green); padding: 1px 8px; border-radius: 4px; } @@ -256,6 +257,10 @@ textarea { border-radius: 4px; } +.btn-delete:hover { + background-color: #a3561a; +} + /* =================================== Modals Layout =================================== */ @@ -265,7 +270,7 @@ textarea { left: 0px; width: 100%; height: 100%; - background-color: #222222aa; + background-color: #1f1f1fdd; display: flex; align-items: center; justify-content: center; @@ -324,7 +329,7 @@ textarea { .modal-content label { font-size: 14pt; font-weight: bold; - color: var(--border-dark); + color: var(--foreground-color); } .error { @@ -338,13 +343,13 @@ textarea { .dialog-text { font-size: 18pt; - color: var(--border-dark); + color: var(--foreground-color); padding: 10px 0px; } .modal-buttons { padding: 14px 20px; - background-color: #eee7d5; + background-color: #2b2d2f; border-top: 3px var(--border-dark); display: flex; flex-direction: row; @@ -359,7 +364,12 @@ textarea { } .btn-cancel { - background-color: #d1c7b2; + background-color: #45484c; + color: var(--foreground-color); +} + +.btn-cancel:hover { + background-color: #565a5f; } .btn-submit { @@ -368,5 +378,5 @@ textarea { } .btn-submit:hover { - background-color: #1e4232; + background-color: var(--accent-bright-green); } \ No newline at end of file