fixing theme for decks and border color

This commit is contained in:
Kyattsukuro 2026-02-24 23:04:42 +01:00
parent 8a45044058
commit 03083b0ade

View File

@ -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;