YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

migration(bs5): update to new color functions

Browse source
This commit is contained in:
axolotle 2024-03-14 20:15:38 +01:00
parent 6241ba4382
commit 9eb4b29cb8
4 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/src/components/CardCollapse.vue
View file

@ -78,7 +78,7 @@ export default {
@each $color, $value in $theme-colors { @each $color, $value in $theme-colors {
&-#{$color} { &-#{$color} {
background-color: $value; background-color: $value;
color: color-yiq($value); color: color-contrast($value);
} }
} }
} }

5
app/src/components/RecursiveListGroup.vue
View file

@ -112,8 +112,9 @@ export default {
text-decoration: none; text-decoration: none;
background-color: $list-group-hover-bg; background-color: $list-group-hover-bg;
@include hover-focus() { &:hover,
background-color: darken($list-group-hover-bg, 3%); &:focus {
background-color: shade-color($gray-100, 3%);
} }
} }
} }

2
app/src/components/globals/YIcon.vue
View file

@ -48,7 +48,7 @@ export default {
@each $color, $value in $theme-colors { @each $color, $value in $theme-colors {
&.#{$color} { &.#{$color} {
background-color: $value; background-color: $value;
color: color-yiq($value); color: color-contrast($value);
} }
} }
} }

6
app/src/components/globals/YListGroupItem.vue
View file

@ -61,15 +61,15 @@ export default {
@each $color, $value in $theme-colors { @each $color, $value in $theme-colors {
&-#{$color} { &-#{$color} {
color: theme-color-level($color, 6); color: tint-color($value, 50%);
[data-bs-theme='light'] & { [data-bs-theme='light'] & {
color: theme-color-level($color, -6); color: shade-color($value, 60%);
} }
.yuno-list-group-item-status { .yuno-list-group-item-status {
background-color: $value; background-color: $value;
color: color-yiq($value); color: color-contrast($value);
} }
} }
} }