Skip to content

Commit

Permalink
fix: resolve minor color theming issues #206
Browse files Browse the repository at this point in the history
  • Loading branch information
@jordanjones243 @jason-capsule42
jordanjones243 authored and jason-capsule42 committed Oct 4, 2024
1 parent 47de0b3 commit 295cde2
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 7 deletions.
5 changes: 2 additions & 3 deletions demo/api.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1104,7 +1104,7 @@ The component may be restyled using the following code sample and changing the v
--ds-auro-datepicker-placeholder-color: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
--ds-auro-datepicker-range-input-divider-color: var(--ds-color-border-primary-default, #{$ds-color-border-primary-default});
--ds-auro-calendar-mobile-footer-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
--ds-auro-calendar-mobile-header-boxshadow-color: var(--ds-color-base-black-300, #{$ds-color-base-black-300});
--ds-auro-calendar-mobile-header-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
--ds-auro-calendar-mobile-header-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
--ds-auro-calendar-mobile-header-divider-color: var(--ds-color-border-divider-default, #{$ds-color-border-divider-default});
--ds-auro-calendar-mobile-header-text-color: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
Expand All @@ -1115,8 +1115,7 @@ The component may be restyled using the following code sample and changing the v
--ds-auro-calendar-month-divider-color: var(--ds-color-border-divider-default, #{$ds-color-border-divider-default});
--ds-auro-calendar-month-header-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
--ds-auro-calendar-cell-border-color: transparent;
--ds-auro-calendar-cell-boxshadow-color-one: var(--ds-color-base-black-300, #{$ds-color-base-black-300});
--ds-auro-calendar-cell-boxshadow-color-two: var(--ds-color-base-black-100, #{$ds-color-base-black-100});
--ds-auro-calendar-cell-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
--ds-auro-calendar-cell-container-color: transparent;
--ds-auro-calendar-cell-in-range-color: var(--ds-color-container-secondary-default, #{$ds-color-container-secondary-default});
--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
Expand Down
2 changes: 1 addition & 1 deletion src/color-cell.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
--ds-auro-calendar-cell-container-color: var(--ds-color-container-ui-primary-active-default, #{$ds-color-container-ui-primary-active-default});
--ds-auro-calendar-cell-text-color: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});

box-shadow: 0 .1px 5px var(--ds-auro-calendar-cell-boxshadow-color-one), 0 5px 10px var(--ds-auro-calendar-cell-boxshadow-color-two);
box-shadow: var(--ds-auro-calendar-boxshadow-color);

&:hover {
--ds-auro-calendar-cell-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
Expand Down
5 changes: 2 additions & 3 deletions src/tokens.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
--ds-auro-datepicker-placeholder-color: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
--ds-auro-datepicker-range-input-divider-color: var(--ds-color-border-primary-default, #{$ds-color-border-primary-default});
--ds-auro-calendar-mobile-footer-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
--ds-auro-calendar-mobile-header-boxshadow-color: var(--ds-color-base-black-300, #{$ds-color-base-black-300});
--ds-auro-calendar-mobile-header-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
--ds-auro-calendar-mobile-header-container-color: var(--ds-color-container-primary-default, #{$ds-color-container-primary-default});
--ds-auro-calendar-mobile-header-divider-color: var(--ds-color-border-divider-default, #{$ds-color-border-divider-default});
--ds-auro-calendar-mobile-header-text-color: var(--ds-color-text-secondary-default, #{$ds-color-text-secondary-default});
Expand All @@ -17,8 +17,7 @@
--ds-auro-calendar-month-divider-color: var(--ds-color-border-divider-default, #{$ds-color-border-divider-default});
--ds-auro-calendar-month-header-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
--ds-auro-calendar-cell-border-color: transparent;
--ds-auro-calendar-cell-boxshadow-color-one: var(--ds-color-base-black-300, #{$ds-color-base-black-300});
--ds-auro-calendar-cell-boxshadow-color-two: var(--ds-color-base-black-100, #{$ds-color-base-black-100});
--ds-auro-calendar-cell-boxshadow-color: var(--ds-elevation-200, #{$ds-elevation-200});
--ds-auro-calendar-cell-container-color: transparent;
--ds-auro-calendar-cell-in-range-color: var(--ds-color-container-secondary-default, #{$ds-color-container-secondary-default});
--ds-auro-calendar-cell-price-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
Expand Down

0 comments on commit 295cde2

Please sign in to comment.