Skip to content

Commit

Permalink
Merge pull request #20 from edx/swang/update-buttons-and-colors
Browse files Browse the repository at this point in the history 
feat: updated color themes and button styles
  • Loading branch information
@srwang
srwang authored May 23, 2024
2 parents d9549ce + ebd4d23 commit e8e0bf8
Show file tree
Hide file tree
Showing 5 changed files with 72 additions and 683 deletions.
2 changes: 1 addition & 1 deletion paragon/css/core/custom-media-breakpoints.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* IMPORTANT: This file is the result of assembling design tokens
* Do not edit directly
* Generated on Thu, 23 May 2024 13:50:34 GMT
* Generated on Thu, 23 May 2024 14:07:52 GMT
*/

11 changes: 7 additions & 4 deletions paragon/css/core/variables.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/**
* IMPORTANT: This file is the result of assembling design tokens
* Do not edit directly
* Generated on Thu, 23 May 2024 13:50:34 GMT
* Generated on Thu, 23 May 2024 14:07:52 GMT
*/

:root {
Expand Down Expand Up @@ -65,21 +65,21 @@
--pgn-typography-display-weight-3: 700;
--pgn-typography-display-weight-2: 700;
--pgn-typography-display-weight-1: 700;
--pgn-typography-badge-font-weight: 400;
--pgn-typography-badge-font-size: 0.75rem;
--pgn-typography-headings-font-weight: 700;
--pgn-typography-btn-font-weight: 500;
--pgn-typography-badge-font-weight: 400;
--pgn-typography-badge-font-size: 0.75rem;
--pgn-spacing-spacer-base: 1rem;
--pgn-spacing-spacer-0: 0;
--pgn-spacing-btn-focus-gap: 2px;
--pgn-size-popover-border-width: 0px;
--pgn-size-nav-pills-border-radius: 0;
--pgn-size-image-thumbnail-border-radius: 0;
--pgn-size-dropdown-border-width: 0;
--pgn-size-input-btn-border-width: 1px;
--pgn-size-form-input-radius-border-sm: 0;
--pgn-size-form-input-radius-border-lg: 0;
--pgn-size-form-input-radius-border-base: 0;
--pgn-size-dropdown-border-width: 0;
--pgn-size-btn-border-radius-sm: 100px;
--pgn-size-btn-border-radius-lg: 100px;
--pgn-size-btn-border-radius-base: 100px;
Expand All @@ -103,9 +103,12 @@
--pgn-spacing-spacer-1: calc(1rem * .25);
--pgn-spacing-caret-vertical-align: calc(.3em * .67);
--pgn-spacing-caret-base: calc(.3em * 1);
--pgn-size-btn-focus-border-radius-sm: 100px;
--pgn-size-btn-focus-border-radius-base: calc(100px + calc(2px + 2px));
--pgn-spacing-grid-gutter-width: calc(1rem * 4);
--pgn-spacing-dropdown-padding-y-item: calc(1rem * .75);
--pgn-spacing-dropdown-padding-y-base: calc(1rem * .5);
--pgn-spacing-card-spacer-y: 1rem;
--pgn-spacing-card-spacer-x: calc(1rem * 1.5);
--pgn-size-btn-focus-border-radius-lg: calc(100px + calc(2px + 2px));
}
115 changes: 58 additions & 57 deletions paragon/css/themes/light/variables.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/**
* IMPORTANT: This file is the result of assembling design tokens
* Do not edit directly
* Generated on Thu, 23 May 2024 13:50:35 GMT
* Generated on Thu, 23 May 2024 14:07:52 GMT
*/

:root {
Expand Down Expand Up @@ -78,18 +78,19 @@
--pgn-color-primary-300: #96A4A7FF;
--pgn-color-primary-200: #EFF2F2FF;
--pgn-color-gray-base: #EBEBEBFF;
--pgn-color-gray-900: #171A1DFF;
--pgn-color-gray-800: #262626FF;
--pgn-color-gray-700: #373737FF;
--pgn-color-gray-600: #535353FF;
--pgn-color-gray-900: #212529FF;
--pgn-color-gray-800: #333333FF;
--pgn-color-gray-700: #454545FF;
--pgn-color-gray-600: #5C5C5CFF;
--pgn-color-gray-500: #707070FF;
--pgn-color-gray-400: #ABABABFF;
--pgn-color-gray-300: #D6D6D6FF;
--pgn-color-gray-200: #F2F2F2FF;
--pgn-color-gray-400: #8F8F8FFF;
--pgn-color-gray-300: #ADADADFF;
--pgn-color-gray-200: #CCCCCCFF;
--pgn-color-yellow: #D6B600FF;
--pgn-color-green: #0D7D4DFF;
--pgn-color-red: #AB0D02FF;
--pgn-color-blue: #00688DFF;
--pgn-color-black: #000000FF;
--pgn-color-white: #FFFFFFFF;
--pgn-color-popover-header-bg: #00000000;
--pgn-color-btn-disabled-bg-outline-warning: #000000FF;
Expand All @@ -100,13 +101,13 @@
--pgn-color-btn-disabled-bg-outline-info: #000000FF;
--pgn-color-btn-disabled-bg-outline-dark: #000000FF;
--pgn-color-btn-disabled-bg-outline-danger: #000000FF;
--pgn-other-btn-disabled-opacity: .3;
--pgn-elevation-box-shadow-level-4: 0px 8px 48px 0px rgba(0,0,0,0.15), 0px 20px 40px 0px rgba(0,0,0,0.15);
--pgn-elevation-box-shadow-level-3: 0px 8px 20px 0px rgba(0,0,0,0.15), 0px 10px 20px 0px rgba(0,0,0,0.15);
--pgn-elevation-box-shadow-level-2: 0px 4px 10px 0px rgba(0,0,0,0.15), 0px 8px 16px 0px rgba(0,0,0,0.15);
--pgn-elevation-box-shadow-level-1: 0px 2px 8px 0px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.15);
--pgn-elevation-image-thumbnail-box-shadow: none;
--pgn-elevation-form-input-base: none;
--pgn-other-btn-disabled-opacity: .3;
--pgn-transition-btn: none;
--pgn-typography-input-btn-line-height-sm: 1.4286;
--pgn-typography-input-btn-line-height-base: 1.3333;
Expand All @@ -131,11 +132,10 @@
--pgn-color-success-100: #FEFFFFFF;
--pgn-color-brand-100: #FEF9F7FF;
--pgn-color-primary-100: #FEFEFEFF;
--pgn-color-gray-100: #FEFEFEFF;
--pgn-color-gray-100: #EBEBEBFF;
--pgn-color-tooltip-bg-base: #F0F2F2FF;
--pgn-color-tooltip-light: #F0F2F2FF;
--pgn-color-pagination-text-base: #F0F2F2FF;
--pgn-color-badge-bg-info: #00BBF9FF;
--pgn-color-link-hover: #003A5BFF;
--pgn-color-link-base: #00688DFF;
--pgn-color-headings-base: #1F453DFF;
Expand All @@ -144,7 +144,8 @@
--pgn-color-form-input-bg-base: #FFFFFFFF;
--pgn-color-btn-active-bg-inverse-tertiary: #96A4A7FF;
--pgn-color-btn-active-text-outline-brand: #FFFFFFFF;
--pgn-color-btn-active-text-brand: #FFFFFFFF;
--pgn-color-btn-active-text-brand: #454545FF;
--pgn-color-btn-hover-border-brand: #D74000FF;
--pgn-color-btn-hover-bg-outline-warning: #AE9400FF;
--pgn-color-btn-hover-bg-inverse-tertiary: #96A4A7FF;
--pgn-color-btn-hover-bg-outline-success: #0B663EFF;
Expand All @@ -162,6 +163,7 @@
--pgn-color-btn-hover-text-outline-dark: #FFFFFFFF;
--pgn-color-btn-hover-text-outline-danger: #FFFFFFFF;
--pgn-color-btn-hover-text-outline-brand: #FFFFFFFF;
--pgn-color-btn-hover-text-brand: #FFFFFFFF;
--pgn-color-btn-bg-outline-warning: #FFFFFFFF;
--pgn-color-btn-bg-warning: #AE9400FF;
--pgn-color-btn-bg-outline-success: #FFFFFFFF;
Expand All @@ -178,8 +180,9 @@
--pgn-color-btn-bg-outline-danger: #FFFFFFFF;
--pgn-color-btn-bg-danger: #8B0B02FF;
--pgn-color-btn-bg-outline-brand: #FFFFFFFF;
--pgn-color-btn-bg-brand: #A93405FF;
--pgn-color-theme-active-gray: #171A1DFF;
--pgn-color-btn-bg-brand: #D74000FF;
--pgn-color-badge-bg-info: #00BBF9FF;
--pgn-color-theme-active-gray: #212529FF;
--pgn-color-theme-active-dark: #040A08FF;
--pgn-color-theme-active-light: #201F1DFF;
--pgn-color-theme-active-danger: #4A0A05FF;
Expand All @@ -188,7 +191,7 @@
--pgn-color-theme-active-success: #0B360BFF;
--pgn-color-theme-active-brand: #511D08FF;
--pgn-color-theme-active-primary: #001315FF;
--pgn-color-theme-hover-gray: #373737FF;
--pgn-color-theme-hover-gray: #454545FF;
--pgn-color-theme-hover-dark: #0F211EFF;
--pgn-color-theme-hover-light: #6C6A65FF;
--pgn-color-theme-hover-danger: #77160FFF;
Expand All @@ -215,7 +218,7 @@
--pgn-color-theme-focus-success: #0D7D4DFF;
--pgn-color-theme-focus-brand: #D74000FF;
--pgn-color-theme-focus-primary: #00262BFF;
--pgn-color-theme-border-gray: #F2F2F2FF;
--pgn-color-theme-border-gray: #CCCCCCFF;
--pgn-color-theme-border-dark: #EFF2F2FF;
--pgn-color-theme-border-light: #FCFCFBFF;
--pgn-color-theme-border-danger: #FCEBEAFF;
Expand Down Expand Up @@ -249,8 +252,8 @@
--pgn-spacing-btn-padding-y-lg: .6875rem;
--pgn-spacing-btn-padding-y-base: .5625rem;
--pgn-size-input-btn-border-width: 1px;
--pgn-color-form-input-focus-border: #373737FF;
--pgn-color-form-input-base: #373737FF;
--pgn-color-form-input-focus-border: #454545FF;
--pgn-color-form-input-base: #454545FF;
--pgn-color-btn-disabled-bg-warning: #AE9400FF;
--pgn-color-btn-disabled-bg-success: #0B663EFF;
--pgn-color-btn-disabled-bg-primary: #002022FF;
Expand Down Expand Up @@ -284,8 +287,8 @@
--pgn-color-btn-focus-bg-outline-danger: #FFFFFFFF;
--pgn-color-btn-focus-bg-danger: #8B0B02FF;
--pgn-color-btn-focus-bg-outline-brand: #FFFFFFFF;
--pgn-color-btn-focus-bg-brand: #A93405FF;
--pgn-color-btn-focus-text-tertiary: #373737FF;
--pgn-color-btn-focus-bg-brand: #D74000FF;
--pgn-color-btn-focus-text-tertiary: #454545FF;
--pgn-color-btn-active-border-outline-warning: #AE9400FF;
--pgn-color-btn-active-border-warning: #554900FF;
--pgn-color-btn-active-border-outline-success: #0B663EFF;
Expand All @@ -300,7 +303,7 @@
--pgn-color-btn-active-border-dark: #040A08FF;
--pgn-color-btn-active-border-outline-danger: #8B0B02FF;
--pgn-color-btn-active-border-danger: #4A0A05FF;
--pgn-color-btn-active-border-outline-brand: #A93405FF;
--pgn-color-btn-active-border-outline-brand: #D74000FF;
--pgn-color-btn-active-border-brand: #511D08FF;
--pgn-color-btn-active-bg-outline-warning: #AE9400FF;
--pgn-color-btn-active-bg-warning: #554900FF;
Expand All @@ -316,7 +319,7 @@
--pgn-color-btn-active-bg-dark: #040A08FF;
--pgn-color-btn-active-bg-outline-danger: #8B0B02FF;
--pgn-color-btn-active-bg-danger: #4A0A05FF;
--pgn-color-btn-active-bg-outline-brand: #A93405FF;
--pgn-color-btn-active-bg-outline-brand: #D74000FF;
--pgn-color-btn-active-bg-brand: #511D08FF;
--pgn-color-btn-hover-border-outline-warning: #AE9400FF;
--pgn-color-btn-hover-border-outline-success: #0B663EFF;
Expand All @@ -333,8 +336,7 @@
--pgn-color-btn-hover-bg-info: #003A5BFF;
--pgn-color-btn-hover-bg-dark: #0F211EFF;
--pgn-color-btn-hover-bg-danger: #77160FFF;
--pgn-color-btn-hover-bg-brand: #822A06FF;
--pgn-color-btn-hover-text-brand: #454545FF;
--pgn-color-btn-hover-bg-brand: #FEF9F7FF;
--pgn-color-btn-border-outline-warning: #AE9400FF;
--pgn-color-btn-border-warning: #AE9400FF;
--pgn-color-btn-border-outline-success: #0B663EFF;
Expand All @@ -349,8 +351,8 @@
--pgn-color-btn-border-dark: #17322CFF;
--pgn-color-btn-border-outline-danger: #8B0B02FF;
--pgn-color-btn-border-danger: #8B0B02FF;
--pgn-color-btn-border-outline-brand: #A93405FF;
--pgn-color-btn-border-brand: #A93405FF;
--pgn-color-btn-border-outline-brand: #D74000FF;
--pgn-color-btn-border-brand: #D74000FF;
--pgn-color-btn-text-outline-warning: #AE9400FF;
--pgn-color-btn-text-warning: #2D2D2DFF;
--pgn-color-btn-text-outline-success: #0B663EFF;
Expand All @@ -365,9 +367,9 @@
--pgn-color-btn-text-dark: #FFFFFFFF;
--pgn-color-btn-text-outline-danger: #8B0B02FF;
--pgn-color-btn-text-danger: #FFFFFFFF;
--pgn-color-btn-text-outline-brand: #A93405FF;
--pgn-color-btn-text-outline-brand: #D74000FF;
--pgn-color-btn-text-brand: #FFFFFFFF;
--pgn-color-theme-bg-gray: #FEFEFEFF;
--pgn-color-theme-bg-gray: #EBEBEBFF;
--pgn-color-theme-bg-dark: #FCFDFDFF;
--pgn-color-theme-bg-light: #FFFFFEFF;
--pgn-color-theme-bg-danger: #FFFEFEFF;
Expand All @@ -394,8 +396,8 @@
--pgn-color-btn-disabled-border-dark: #17322CFF;
--pgn-color-btn-disabled-border-outline-danger: #8B0B02FF;
--pgn-color-btn-disabled-border-danger: #8B0B02FF;
--pgn-color-btn-disabled-border-outline-brand: #A93405FF;
--pgn-color-btn-disabled-border-brand: #A93405FF;
--pgn-color-btn-disabled-border-outline-brand: #D74000FF;
--pgn-color-btn-disabled-border-brand: #D74000FF;
--pgn-color-btn-disabled-text-warning: #2D2D2DFF;
--pgn-color-btn-disabled-text-success: #FFFFFFFF;
--pgn-color-btn-disabled-text-primary: #FFFFFFFF;
Expand All @@ -418,8 +420,8 @@
--pgn-color-btn-focus-outline-dark: #17322CFF;
--pgn-color-btn-focus-outline-outline-danger: #8B0B02FF;
--pgn-color-btn-focus-outline-danger: #8B0B02FF;
--pgn-color-btn-focus-outline-outline-brand: #A93405FF;
--pgn-color-btn-focus-outline-brand: #A93405FF;
--pgn-color-btn-focus-outline-outline-brand: #D74000FF;
--pgn-color-btn-focus-outline-brand: #D74000FF;
--pgn-color-btn-focus-border-outline-warning: #AE9400FF;
--pgn-color-btn-focus-border-warning: #AE9400FF;
--pgn-color-btn-focus-border-outline-success: #0B663EFF;
Expand All @@ -434,8 +436,8 @@
--pgn-color-btn-focus-border-dark: #17322CFF;
--pgn-color-btn-focus-border-outline-danger: #8B0B02FF;
--pgn-color-btn-focus-border-danger: #8B0B02FF;
--pgn-color-btn-focus-border-outline-brand: #A93405FF;
--pgn-color-btn-focus-border-brand: #A93405FF;
--pgn-color-btn-focus-border-outline-brand: #D74000FF;
--pgn-color-btn-focus-border-brand: #D74000FF;
--pgn-color-btn-focus-text-outline-warning: #AE9400FF;
--pgn-color-btn-focus-text-warning: #2D2D2DFF;
--pgn-color-btn-focus-text-outline-success: #0B663EFF;
Expand All @@ -450,7 +452,7 @@
--pgn-color-btn-focus-text-dark: #FFFFFFFF;
--pgn-color-btn-focus-text-outline-danger: #8B0B02FF;
--pgn-color-btn-focus-text-danger: #FFFFFFFF;
--pgn-color-btn-focus-text-outline-brand: #A93405FF;
--pgn-color-btn-focus-text-outline-brand: #D74000FF;
--pgn-color-btn-focus-text-brand: #FFFFFFFF;
--pgn-color-btn-active-text-outline-warning: #2D2D2DFF;
--pgn-color-btn-active-text-warning: #FFFFFFFF;
Expand All @@ -473,9 +475,8 @@
--pgn-color-btn-hover-border-info: #003A5BFF;
--pgn-color-btn-hover-border-dark: #0F211EFF;
--pgn-color-btn-hover-border-danger: #77160FFF;
--pgn-color-btn-hover-border-brand: #822A06FF;
--pgn-color-btn-hover-bg-outline-secondary: #323232FF;
--pgn-color-btn-hover-bg-secondary: #696969FF;
--pgn-color-btn-hover-bg-outline-secondary: #3E3E3EFF;
--pgn-color-btn-hover-bg-secondary: #747474FF;
--pgn-color-btn-hover-text-warning: #FFFFFFFF;
--pgn-color-btn-hover-text-success: #FFFFFFFF;
--pgn-color-btn-hover-text-outline-secondary: #FFFFFFFF;
Expand All @@ -484,31 +485,31 @@
--pgn-color-btn-hover-text-info: #FFFFFFFF;
--pgn-color-btn-hover-text-dark: #FFFFFFFF;
--pgn-color-btn-hover-text-danger: #FFFFFFFF;
--pgn-color-btn-bg-secondary: #323232FF;
--pgn-color-btn-bg-secondary: #3E3E3EFF;
--pgn-other-content-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FCF1F4FF' viewBox='2 2 20 20'%3e%3cpath d='M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M13.25,15.5 L10.75,15.5 C10.6119288,15.5 10.5,15.6119288 10.5,15.75 L10.5,15.75 L10.5,18.25 C10.5,18.3880712 10.6119288,18.5 10.75,18.5 L10.75,18.5 L13.25,18.5 C13.3880712,18.5 13.5,18.3880712 13.5,18.25 L13.5,18.25 L13.5,15.75 C13.5,15.6119288 13.3880712,15.5 13.25,15.5 L13.25,15.5 Z M13.492539,5.5 L10.5001113,5.50010806 C10.3620998,5.50416722 10.2535099,5.61933826 10.2575691,5.75734976 L10.2575691,5.75734976 L10.4928632,13.7573498 C10.4968382,13.8925005 10.607546,14 10.7427552,14 L10.7427552,14 L13.2572448,14 C13.392454,14 13.5031618,13.8925005 13.5071368,13.7573498 L13.5071368,13.7573498 L13.7424309,5.75734976 L13.7424309,5.75734976 C13.742539,5.61192881 13.6306101,5.5 13.492539,5.5 L13.492539,5.5 Z' /%3e%3c/svg%3E");
--pgn-other-content-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 20 20'%3e%3cpath fill='%23F2FAF7FF' d='M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M17.5208153,8.03553391 L10.4497475,15.1066017 L6.91421356,11.5710678 L5.5,12.9852814 L10.4497475,17.9350288 L18.9350288,9.44974747 L17.5208153,8.03553391 Z'/%3e%3c/svg%3e");
--pgn-color-btn-disabled-bg-secondary: #323232FF;
--pgn-color-btn-disabled-bg-secondary: #3E3E3EFF;
--pgn-color-btn-disabled-text-outline-secondary: #FFFFFFFF;
--pgn-color-btn-focus-bg-secondary: #323232FF;
--pgn-color-btn-active-border-outline-secondary: #323232FF;
--pgn-color-btn-active-border-secondary: #272727FF;
--pgn-color-btn-active-bg-outline-secondary: #323232FF;
--pgn-color-btn-active-bg-secondary: #272727FF;
--pgn-color-btn-hover-border-outline-secondary: #323232FF;
--pgn-color-btn-hover-border-secondary: #696969FF;
--pgn-color-btn-focus-bg-secondary: #3E3E3EFF;
--pgn-color-btn-active-border-outline-secondary: #3E3E3EFF;
--pgn-color-btn-active-border-secondary: #303030FF;
--pgn-color-btn-active-bg-outline-secondary: #3E3E3EFF;
--pgn-color-btn-active-bg-secondary: #303030FF;
--pgn-color-btn-hover-border-outline-secondary: #3E3E3EFF;
--pgn-color-btn-hover-border-secondary: #747474FF;
--pgn-color-btn-hover-text-secondary: #FFFFFFFF;
--pgn-color-btn-border-outline-secondary: #323232FF;
--pgn-color-btn-border-secondary: #323232FF;
--pgn-color-btn-text-outline-secondary: #323232FF;
--pgn-color-btn-border-outline-secondary: #3E3E3EFF;
--pgn-color-btn-border-secondary: #3E3E3EFF;
--pgn-color-btn-text-outline-secondary: #3E3E3EFF;
--pgn-color-btn-text-secondary: #FFFFFFFF;
--pgn-color-btn-disabled-border-outline-secondary: #323232FF;
--pgn-color-btn-disabled-border-secondary: #323232FF;
--pgn-color-btn-disabled-border-outline-secondary: #3E3E3EFF;
--pgn-color-btn-disabled-border-secondary: #3E3E3EFF;
--pgn-color-btn-disabled-text-secondary: #FFFFFFFF;
--pgn-color-btn-focus-outline-outline-secondary: #323232FF;
--pgn-color-btn-focus-outline-secondary: #323232FF;
--pgn-color-btn-focus-border-outline-secondary: #323232FF;
--pgn-color-btn-focus-border-secondary: #323232FF;
--pgn-color-btn-focus-text-outline-secondary: #323232FF;
--pgn-color-btn-focus-outline-outline-secondary: #3E3E3EFF;
--pgn-color-btn-focus-outline-secondary: #3E3E3EFF;
--pgn-color-btn-focus-border-outline-secondary: #3E3E3EFF;
--pgn-color-btn-focus-border-secondary: #3E3E3EFF;
--pgn-color-btn-focus-text-outline-secondary: #3E3E3EFF;
--pgn-color-btn-focus-text-secondary: #FFFFFFFF;
--pgn-color-btn-active-text-outline-secondary: #FFFFFFFF;
--pgn-color-btn-active-text-secondary: #FFFFFFFF;
Expand Down
10 changes: 5 additions & 5 deletions tokens/src/themes/light/components/Button/brand.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
},
"bg": {
"brand": {
"value": "{color.brand.600}",
"value": "{color.brand.500}",
"type": "color",
"source": "$btn-brand-bg"
},
Expand All @@ -45,7 +45,7 @@
"hover": {
"text": {
"brand": {
"value": "{color.brand.100}",
"value": "{color.black}",
"type": "color",
"source": "$btn-brand-hover-color",
"modify": [
Expand All @@ -67,7 +67,7 @@
},
"bg": {
"brand": {
"value": "{color.theme.hover.brand}",
"value": "{color.brand.100}",
"type": "color",
"source": "$btn-brand-hover-bg"
},
Expand All @@ -79,7 +79,7 @@
},
"border": {
"brand": {
"value": "{color.btn.hover.bg.brand}",
"value": "{color.brand.500}",
"type": "color",
"source": "$btn-brand-hover-border-color"
},
Expand All @@ -93,7 +93,7 @@
"active": {
"text": {
"brand": {
"value": "{color.brand.500}",
"value": "{color.white}",
"type": "color",
"source": "$btn-brand-active-color",
"modify": [
Expand Down
Loading

0 comments on commit e8e0bf8

Please sign in to comment.