Urmel-Ansible-Roles/nextcloud
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing theme for decks and border color

Browse Source
This commit is contained in:
Kyattsukuro 2026-02-24 23:04:42 +01:00
parent 8a45044058
commit 03083b0ade
1 changed files with 42 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
theme/main.css
View File

@ -42,8 +42,8 @@
--color-box-shadow-rgb: #e0e3ea; --color-box-shadow-rgb: #e0e3ea;
--color-box-shadow: #e1e5eb; --color-box-shadow: #e1e5eb;
--color-border: rgb(220, 224, 232); --color-border: rgb(220, 224, 232);
--color-border-dark: #dee2e9; --color-border-dark: var(--color-placeholder-light);
--color-border-maxcontrast: #c1c8d6; --color-border-maxcontrast: var(--color-placeholder-light);
--color-primary: rgb(230, 69, 83); --color-primary: rgb(230, 69, 83);
--color-primary-default: rgb(230, 69, 83); --color-primary-default: rgb(230, 69, 83);
--color-primary-text: rgb(220, 224, 232); --color-primary-text: rgb(220, 224, 232);
@ -126,8 +126,8 @@
--color-box-shadow-rgb: #34384d; --color-box-shadow-rgb: #34384d;
--color-box-shadow: #3d425a; --color-box-shadow: #3d425a;
--color-border: rgb(35, 38, 52); --color-border: rgb(35, 38, 52);
--color-border-dark: #2c2f41; --color-border-dark: var(--color-placeholder-light);
--color-border-maxcontrast: #20222f; --color-border-maxcontrast: var(--color-placeholder-light);
--color-primary: rgb(234, 153, 156); --color-primary: rgb(234, 153, 156);
--color-primary-default: rgb(234, 153, 156); --color-primary-default: rgb(234, 153, 156);
--color-primary-text: rgb(35, 38, 52); --color-primary-text: rgb(35, 38, 52);
@ -210,8 +210,8 @@
--color-box-shadow-rgb: #232338; --color-box-shadow-rgb: #232338;
--color-box-shadow: #2c2c46; --color-box-shadow: #2c2c46;
--color-border: rgb(17, 17, 27); --color-border: rgb(17, 17, 27);
--color-border-dark: #1a1a29; --color-border-dark: var(--color-placeholder-light);
--color-border-maxcontrast: #0f0f18; --color-border-maxcontrast: var(--color-placeholder-light);
--color-primary: rgb(235, 160, 172); --color-primary: rgb(235, 160, 172);
--color-primary-default: rgb(235, 160, 172); --color-primary-default: rgb(235, 160, 172);
--color-primary-text: rgb(17, 17, 27); --color-primary-text: rgb(17, 17, 27);
@ -294,8 +294,8 @@
--color-box-shadow-rgb: #292b41; --color-box-shadow-rgb: #292b41;
--color-box-shadow: #32344f; --color-box-shadow: #32344f;
--color-border: rgb(24, 25, 38); --color-border: rgb(24, 25, 38);
--color-border-dark: #212234; --color-border-dark: var(--color-placeholder-light);
--color-border-maxcontrast: #161722; --color-border-maxcontrast: var(--color-placeholder-light);
--color-primary: rgb(238, 153, 160); --color-primary: rgb(238, 153, 160);
--color-primary-default: rgb(238, 153, 160); --color-primary-default: rgb(238, 153, 160);
--color-primary-text: rgb(24, 25, 38); --color-primary-text: rgb(24, 25, 38);
@ -471,16 +471,33 @@
/*Fixing (drop down selected) buttons */ /*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, .vs__selected,
.action-item .button-vue { .action-item .v-popper .button-vue {
color: var(--color-main-background-rgb) !important; color: var(--color-main-background-rgb) !important;
} }
.vs__selected svg, .vs__selected svg,
.action-item .button-vue svg { .action-item .v-popper .button-vue svg {
fill: var(--color-main-background-rgb) !important; 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*/ /*Fixing notecard msg background*/
.notecard { .notecard {
--note-background: color-mix(in srgb, var(--note-theme) 15%, var(--color-main-background-rgb)) !important; --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; fill: var(--color-main-text) !important;
} }
.header-close svg { .close-icon svg {
fill: var(--color-error-text) !important; 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; 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*/ /*Hiding photos app*/
header li.app-menu-entry:has(> a[href="/apps/photos/"]) { header li.app-menu-entry:has(> a[href="/apps/photos/"]) {
display: none !important; display: none !important;