ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make branding color setting possible or better for donation bar and toaster

Browse Source
This commit is contained in:
Wolfgang Huß 2023-02-28 20:49:50 +01:00
parent 1e742dd42c
commit 58fd233e70
3 changed files with 34 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
webapp/assets/_new/styles/tokens.scss
View File

@ -375,4 +375,21 @@ $color-footer-link: $color-primary;
* @tokens Locale Menu Color
*/
$color-locale-menu: $text-color-soft;
$color-locale-menu: $text-color-soft;
/**
* @tokens Donation Bar Color
*/
$color-donation-bar: $color-primary;
$color-donation-bar-light: $color-primary-light;
/**
* @tokens Toast Color
*/
$color-toast-red: $color-danger;
$color-toast-orange: $color-warning;
$color-toast-yellow: $color-yellow;
$color-toast-blue: $color-secondary;
$color-toast-green: $color-success;

20
webapp/assets/styles/imports/_toast.scss
View File

@ -11,22 +11,22 @@
}
.iziToast.iziToast-color-red {
background: $color-danger !important;
border-color: $color-danger !important;
background: $color-toast-red !important;
border-color: $color-toast-red !important;
}
.iziToast.iziToast-color-orange {
background: $color-warning !important;
border-color: $color-warning !important;
background: $color-toast-orange !important;
border-color: $color-toast-orange !important;
}
.iziToast.iziToast-color-yellow {
background: $color-yellow !important;
border-color: $color-yellow !important;
background: $color-toast-yellow !important;
border-color: $color-toast-yellow !important;
}
.iziToast.iziToast-color-blue {
background: $color-secondary !important;
border-color: $color-secondary !important;
background: $color-toast-blue !important;
border-color: $color-toast-blue !important;
}
.iziToast.iziToast-color-green {
background: $color-success !important;
border-color: $color-success !important;
background: $color-toast-green !important;
border-color: $color-toast-green !important;
}

12
webapp/components/ProgressBar/ProgressBar.vue
View File

@ -79,17 +79,17 @@ export default {
border-radius: $border-radius-base;
&.color-uni {
background: $color-primary-light;
background: $color-donation-bar;
}
&.color-repeating-linear-gradient {
background: repeating-linear-gradient(
120deg,
$color-primary 0px,
$color-primary 30px,
$color-primary-light 50px,
$color-primary-light 75px,
$color-primary 95px
$color-donation-bar 0px,
$color-donation-bar 30px,
$color-donation-bar-light 50px,
$color-donation-bar-light 75px,
$color-donation-bar 95px
);
}
}