IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

properly use color.adjust

Browse Source
This commit is contained in:
Ulf Gebhardt 2022-03-10 21:03:58 +01:00
parent 735ed77ffb
commit 5d973a887e
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
7 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/assets/scss/custom/gradido-custom/_color.scss
View File

@ -68,7 +68,7 @@ $warning: $orange !default;
$danger: $red !default;
$light: $gray-500 !default;
$dark: $gray-900 !default;
$darker: color.adjust($gray-900, -15%) !default;
$darker: color.adjust($gray-900, $lightness: -15%) !default;
$facebook: #3b5999 !default;
$twitter: #1da1f2 !default;
$google-plus: #dd4b39 !default;

6
frontend/src/assets/scss/custom/gradido-custom/_datepicker.scss
View File

@ -4,7 +4,7 @@
$datepicker-border-radius: $card-border-radius !default;
$datepicker-dropdown-padding: 20px 22px !default;
$datepicker-cell-transition: $transition-base !default;
$datepicker-cell-hover-background: color.adjust($gray-400, 55%);
$datepicker-cell-hover-background: color.adjust($gray-400, $lightness: 55%);
$datepicker-cell-border-radius: 50% !default;
$datepicker-cell-width: 36px !default;
$datepicker-cell-height: 36px !default;
@ -15,9 +15,9 @@ $datepicker-active-color: $white !default;
$datepicker-active-background: theme-color("primary") !default;
$datepicker-active-box-shadow: none !default;
$datepicker-range-background: theme-color("primary") !default;
$datepicker-range-cell-focused-background: color.adjust($datepicker-range-background, -5%);
$datepicker-range-cell-focused-background: color.adjust($datepicker-range-background, $lightness: -5%);
$datepicker-range-color: $white !default;
$datepicker-range-highlighted-bg: $gray-200 !default;
$datepicker-dropdown-border: color.adjust($gray-400, 40%);
$datepicker-dropdown-border: color.adjust($gray-400, $lightness: 40%);
$datepicker-dropdown-bg: $white !default;
$datepicker-highlighted-bg: $datepicker-active-background !default;

4
frontend/src/assets/scss/custom/gradido-custom/_form-validation.scss
View File

@ -1,7 +1,7 @@
// Form validation
@use "sass:color";
$form-feedback-valid-bg: color.adjust($success, 15%) !default;
$form-feedback-valid-bg: color.adjust($success, $lightness: 15%) !default;
$form-feedback-valid-color: theme-color("success") !default;
$form-feedback-invalid-bg: color.adjust($warning, 15%) !default;
$form-feedback-invalid-bg: color.adjust($warning, $lightness: 15%) !default;
$form-feedback-invalid-color: theme-color("warning") !default;

2
frontend/src/assets/scss/custom/gradido-custom/_input.scss
View File

@ -17,7 +17,7 @@ $input-border-radius-sm: $border-radius-sm !default;
$input-bg: $white !default;
$input-disabled-bg: $gray-200 !default;
$input-muted-bg: #f7fafe !default;
$input-focus-muted-bg: color.adjust($input-muted-bg, 1%) !default;
$input-focus-muted-bg: color.adjust($input-muted-bg, $lightness: 1%) !default;
$input-alternative-box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%) !default;
$input-focus-alternative-box-shadow: 0 4px 6px rgb(50 50 93 / 11%),0 1px 3px rgb(0 0 0 / 8%) !default;
$input-color: $gray-600 !default;

2
frontend/src/assets/scss/custom/gradido-custom/_links.scss
View File

@ -3,5 +3,5 @@
$link-color: $primary !default;
$link-decoration: none !default;
$link-hover-color: color.adjust($link-color, -15%) !default;
$link-hover-color: color.adjust($link-color, $lightness: -15%) !default;
$link-hover-decoration: none !default;

2
frontend/src/assets/scss/custom/gradido-custom/_navs.scss
View File

@ -14,7 +14,7 @@ $nav-pills-border-width: 1px !default;
$nav-pills-border-color: theme-color("primary") !default;
$nav-pills-border-radius: $border-radius !default;
$nav-pills-link-color: theme-color("primary") !default;
$nav-pills-link-hover-color: color.adjust(theme-color("primary"), -5%) !default;
$nav-pills-link-hover-color: color.adjust(theme-color("primary"), $lightness: -5%) !default;
$nav-pills-link-active-color: color-yiq(theme-color("primary")) !default;
$nav-pills-link-active-bg: theme-color("primary") !default;
$nav-pills-box-shadow: $btn-box-shadow !default;

6
frontend/src/assets/scss/custom/gradido-custom/_tables.scss
View File

@ -20,7 +20,7 @@ $table-body-font-size: 0.8125rem !default;
$table-dark-bg: theme-color("default") !default;
$table-dark-accent-bg: rgba($white, 0.05) !default;
$table-dark-hover-bg: rgba($white, 0.075) !default;
$table-dark-border-color: color.adjust(theme-color("default"), 7%) !default;
$table-dark-border-color: color.adjust(theme-color("default"), $lightness: 7%) !default;
$table-dark-color: $body-bg !default;
$table-dark-head-bg: color.adjust(theme-color("default"), 4%) !default;
$table-dark-head-color: color.adjust(theme-color("default"), 35%) !default;
$table-dark-head-bg: color.adjust(theme-color("default"), $lightness: 4%) !default;
$table-dark-head-color: color.adjust(theme-color("default"), $lightness: 35%) !default;