Skip to content

Commit

Permalink
feat(button): adjust colors for disabled buttons (#559)
Browse files Browse the repository at this point in the history
  • Loading branch information
@brc-dd
brc-dd authored Oct 8, 2024
1 parent 0fe3f7f commit 4effab5
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 20 deletions.
20 changes: 10 additions & 10 deletions docs/components/button.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -496,9 +496,9 @@ The component has several different styles based on its type and color combinati
--button-fill-info-active-border-color: var(--c-border-info-3);
--button-fill-info-active-text-color: var(--c-white-1);
--button-fill-info-active-bg-color: var(--c-bg-info-3);
--button-fill-info-disabled-border-color: var(--c-border-info-1);
--button-fill-info-disabled-text-color: var(--c-white-a3);
--button-fill-info-disabled-content-color: var(--c-white-a3);
--button-fill-info-disabled-border-color: var(--c-blue-9);
--button-fill-info-disabled-text-color: var(--c-white-a2);
--button-fill-info-disabled-content-color: var(--c-white-a2);
--button-fill-info-disabled-bg-color: var(--c-info-bg-dark);

--button-fill-success-border-color: var(--c-border-success-1);
Expand All @@ -512,9 +512,9 @@ The component has several different styles based on its type and color combinati
--button-fill-success-active-border-color: var(--c-border-success-3);
--button-fill-success-active-text-color: var(--c-white);
--button-fill-success-active-bg-color: var(--c-bg-success-3);
--button-fill-success-disabled-border-color: var(--c-border-success-1);
--button-fill-success-disabled-text-color: var(--c-white-a3);
--button-fill-success-disabled-content-color: var(--c-white-a3);
--button-fill-success-disabled-border-color: var(--c-green-9);
--button-fill-success-disabled-text-color: var(--c-white-a2);
--button-fill-success-disabled-content-color: var(--c-white-a2);
--button-fill-success-disabled-bg-color: var(--c-success-bg-dark);

--button-fill-warning-border-color: var(--c-border-mute-1);
Expand All @@ -529,8 +529,8 @@ The component has several different styles based on its type and color combinati
--button-fill-warning-active-text-color: var(--c-white);
--button-fill-warning-active-bg-color: var(--c-bg-warning-2);
--button-fill-warning-disabled-border-color: var(--c-border-mute-1);
--button-fill-warning-disabled-text-color: var(--c-text-warning-3);
--button-fill-warning-disabled-content-color: var(--c-text-warning-3);
--button-fill-warning-disabled-text-color: var(--c-text-warning-2);
--button-fill-warning-disabled-content-color: var(--c-text-warning-2);
--button-fill-warning-disabled-bg-color: var(--c-bg-mute-1);

--button-fill-danger-border-color: var(--c-border-mute-1);
Expand All @@ -545,8 +545,8 @@ The component has several different styles based on its type and color combinati
--button-fill-danger-active-text-color: var(--c-white);
--button-fill-danger-active-bg-color: var(--c-bg-danger-2);
--button-fill-danger-disabled-border-color: var(--c-border-mute-1);
--button-fill-danger-disabled-text-color: var(--c-text-danger-3);
--button-fill-danger-disabled-content-color: var(--c-text-danger-3);
--button-fill-danger-disabled-text-color: var(--c-text-danger-2);
--button-fill-danger-disabled-content-color: var(--c-text-danger-2);
--button-fill-danger-disabled-bg-color: var(--c-bg-mute-1);

--button-outline-default-border-color: var(--c-border-mute-1);
Expand Down
20 changes: 10 additions & 10 deletions lib/styles/variables.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -507,9 +507,9 @@
--button-fill-info-active-border-color: var(--c-border-info-3);
--button-fill-info-active-text-color: var(--c-white-1);
--button-fill-info-active-bg-color: var(--c-bg-info-3);
--button-fill-info-disabled-border-color: var(--c-border-info-1);
--button-fill-info-disabled-text-color: var(--c-white-a3);
--button-fill-info-disabled-content-color: var(--c-white-a3);
--button-fill-info-disabled-border-color: var(--c-blue-9);
--button-fill-info-disabled-text-color: var(--c-white-a2);
--button-fill-info-disabled-content-color: var(--c-white-a2);
--button-fill-info-disabled-bg-color: var(--c-blue-8);

--button-fill-success-border-color: var(--c-border-success-1);
Expand All @@ -523,9 +523,9 @@
--button-fill-success-active-border-color: var(--c-border-success-3);
--button-fill-success-active-text-color: var(--c-white);
--button-fill-success-active-bg-color: var(--c-bg-success-3);
--button-fill-success-disabled-border-color: var(--c-border-success-1);
--button-fill-success-disabled-text-color: var(--c-white-a3);
--button-fill-success-disabled-content-color: var(--c-white-a3);
--button-fill-success-disabled-border-color: var(--c-green-9);
--button-fill-success-disabled-text-color: var(--c-white-a2);
--button-fill-success-disabled-content-color: var(--c-white-a2);
--button-fill-success-disabled-bg-color: var(--c-green-8);

--button-fill-warning-border-color: var(--c-border-mute-1);
Expand All @@ -540,8 +540,8 @@
--button-fill-warning-active-text-color: var(--c-white);
--button-fill-warning-active-bg-color: var(--c-bg-warning-2);
--button-fill-warning-disabled-border-color: var(--c-border-mute-1);
--button-fill-warning-disabled-text-color: var(--c-text-warning-3);
--button-fill-warning-disabled-content-color: var(--c-text-warning-3);
--button-fill-warning-disabled-text-color: var(--c-text-warning-2);
--button-fill-warning-disabled-content-color: var(--c-text-warning-2);
--button-fill-warning-disabled-bg-color: var(--c-bg-mute-1);

--button-fill-danger-border-color: var(--c-border-mute-1);
Expand All @@ -556,8 +556,8 @@
--button-fill-danger-active-text-color: var(--c-white);
--button-fill-danger-active-bg-color: var(--c-bg-danger-2);
--button-fill-danger-disabled-border-color: var(--c-border-mute-1);
--button-fill-danger-disabled-text-color: var(--c-text-danger-3);
--button-fill-danger-disabled-content-color: var(--c-text-danger-3);
--button-fill-danger-disabled-text-color: var(--c-text-danger-2);
--button-fill-danger-disabled-content-color: var(--c-text-danger-2);
--button-fill-danger-disabled-bg-color: var(--c-bg-mute-1);

--button-outline-default-border-color: var(--c-border-mute-1);
Expand Down

0 comments on commit 4effab5

Please sign in to comment.