ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +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

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

@ -376,3 +376,20 @@ $color-footer-link: $color-primary;
*/ */
$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 { .iziToast.iziToast-color-red {
background: $color-danger !important; background: $color-toast-red !important;
border-color: $color-danger !important; border-color: $color-toast-red !important;
} }
.iziToast.iziToast-color-orange { .iziToast.iziToast-color-orange {
background: $color-warning !important; background: $color-toast-orange !important;
border-color: $color-warning !important; border-color: $color-toast-orange !important;
} }
.iziToast.iziToast-color-yellow { .iziToast.iziToast-color-yellow {
background: $color-yellow !important; background: $color-toast-yellow !important;
border-color: $color-yellow !important; border-color: $color-toast-yellow !important;
} }
.iziToast.iziToast-color-blue { .iziToast.iziToast-color-blue {
background: $color-secondary !important; background: $color-toast-blue !important;
border-color: $color-secondary !important; border-color: $color-toast-blue !important;
} }
.iziToast.iziToast-color-green { .iziToast.iziToast-color-green {
background: $color-success !important; background: $color-toast-green !important;
border-color: $color-success !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; border-radius: $border-radius-base;
&.color-uni { &.color-uni {
background: $color-primary-light; background: $color-donation-bar;
} }
&.color-repeating-linear-gradient { &.color-repeating-linear-gradient {
background: repeating-linear-gradient( background: repeating-linear-gradient(
120deg, 120deg,
$color-primary 0px, $color-donation-bar 0px,
$color-primary 30px, $color-donation-bar 30px,
$color-primary-light 50px, $color-donation-bar-light 50px,
$color-primary-light 75px, $color-donation-bar-light 75px,
$color-primary 95px $color-donation-bar 95px
); );
} }
} }