From 03083b0ade6a51e6bb7385872c21ea1693953172 Mon Sep 17 00:00:00 2001 From: Kyattsukuro Date: Tue, 24 Feb 2026 23:04:42 +0100 Subject: [PATCH] fixing theme for decks and border color --- theme/main.css | 53 +++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 42 insertions(+), 11 deletions(-) diff --git a/theme/main.css b/theme/main.css index ee8ce96..e37e84d 100644 --- a/theme/main.css +++ b/theme/main.css @@ -42,8 +42,8 @@ --color-box-shadow-rgb: #e0e3ea; --color-box-shadow: #e1e5eb; --color-border: rgb(220, 224, 232); - --color-border-dark: #dee2e9; - --color-border-maxcontrast: #c1c8d6; + --color-border-dark: var(--color-placeholder-light); + --color-border-maxcontrast: var(--color-placeholder-light); --color-primary: rgb(230, 69, 83); --color-primary-default: rgb(230, 69, 83); --color-primary-text: rgb(220, 224, 232); @@ -126,8 +126,8 @@ --color-box-shadow-rgb: #34384d; --color-box-shadow: #3d425a; --color-border: rgb(35, 38, 52); - --color-border-dark: #2c2f41; - --color-border-maxcontrast: #20222f; + --color-border-dark: var(--color-placeholder-light); + --color-border-maxcontrast: var(--color-placeholder-light); --color-primary: rgb(234, 153, 156); --color-primary-default: rgb(234, 153, 156); --color-primary-text: rgb(35, 38, 52); @@ -210,8 +210,8 @@ --color-box-shadow-rgb: #232338; --color-box-shadow: #2c2c46; --color-border: rgb(17, 17, 27); - --color-border-dark: #1a1a29; - --color-border-maxcontrast: #0f0f18; + --color-border-dark: var(--color-placeholder-light); + --color-border-maxcontrast: var(--color-placeholder-light); --color-primary: rgb(235, 160, 172); --color-primary-default: rgb(235, 160, 172); --color-primary-text: rgb(17, 17, 27); @@ -294,8 +294,8 @@ --color-box-shadow-rgb: #292b41; --color-box-shadow: #32344f; --color-border: rgb(24, 25, 38); - --color-border-dark: #212234; - --color-border-maxcontrast: #161722; + --color-border-dark: var(--color-placeholder-light); + --color-border-maxcontrast: var(--color-placeholder-light); --color-primary: rgb(238, 153, 160); --color-primary-default: rgb(238, 153, 160); --color-primary-text: rgb(24, 25, 38); @@ -471,16 +471,33 @@ /*Fixing (drop down selected) buttons */ +.button-vue.button-vue--vue-tertiary svg { + fill: var(--color-main-text) !important; +} +.button-vue.button-vue--vue-tertiary { + color: var(--color-main-text) !important; +} + + .vs__selected, -.action-item .button-vue { +.action-item .v-popper .button-vue { color: var(--color-main-background-rgb) !important; } + .vs__selected svg, -.action-item .button-vue svg { +.action-item .v-popper .button-vue svg { fill: var(--color-main-background-rgb) !important; } +/*Exception Done button of Deck*/ +.completed-button.button-vue .button-vue__wrapper svg { + fill: var(--color-main-background-rgb) !important; +} +.completed-button.button-vue .button-vue__wrapper{ + color: var(--color-main-background-rgb) !important; +} + /*Fixing notecard msg background*/ .notecard { --note-background: color-mix(in srgb, var(--note-theme) 15%, var(--color-main-background-rgb)) !important; @@ -530,7 +547,7 @@ button.avatar-list svg { fill: var(--color-main-text) !important; } -.header-close svg { +.close-icon svg { fill: var(--color-error-text) !important; } @@ -557,6 +574,20 @@ button[aria-label="Rename"] .material-design-icon.pencil-icon svg{ background-color: color-mix(in srgb, var(--color-primary-element-light) 15%, var(--color-main-background-rgb)) !important; } +.stack__header { + border: 2px solid var(--color-primary) !important; + border-radius: var(--border-radius-large) !important; + padding: 2px !important; +} + +.stack__header::before { + background-color: rgba(0, 0, 0, 0) !important; +} + +.card.card__editable { + border-color: var(--color-placeholder-light) !important; +} + /*Hiding photos app*/ header li.app-menu-entry:has(> a[href="/apps/photos/"]) { display: none !important;