Skip to content

Commit

Permalink
fix(button): update color variables
Browse files Browse the repository at this point in the history
  • Loading branch information
bramvanhoutte committed May 5, 2020
1 parent b4847f4 commit f7a8c12
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 11 deletions.
4 changes: 2 additions & 2 deletions src/components/Button/Button.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,12 @@

.typePrimary:focus {
outline: none;
box-shadow: 0 0 0 2px var(--color-primary-contrast);
box-shadow: 0 0 0 2px var(--color-focus);
}

.typeSecondary:focus {
outline: none;
box-shadow: 0 0 0 2px var(--color-secondary-contrast);
box-shadow: 0 0 0 2px var(--color-focus);
}

.typePrimary, .typePrimary:active {
Expand Down
22 changes: 13 additions & 9 deletions src/theme.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
:root {
/* ==================
Colors
/* ==================
Color Variables
================== */

:root {

--color-neutral-1: #ffffff;
--color-neutral-2: #f4f4f4;
--color-neutral-3: #ebebeb;
Expand All @@ -12,31 +14,33 @@
--color-neutral-8: #2e2e2e;
--color-neutral-9: #000000;

--color-error-1:#ffe2e2;
--color-error-1: #ffe2e2;
--color-error-2: #eb3737;
}

/* ==================
Theme
================== */

:root {

/* Base colors */
--color-primary: var(--color-neutral-2);
--color-primary-font: var(--color-neutral-8);
--color-primary-contrast: var(--color-neutral-3);
--color-primary-contrast-font: var(--color-neutral-8);
--color-primary-hover: var(--color-neutral-3);

--color-secondary: var(--color-neutral-1);
--color-secondary-font: var(--color-neutral-8);
--color-secondary-contrast: var(--color-neutral-3);
--color-secondary-contrast-font: var(--color-neutral-8);
--color-primary-hover: var(--color-neutral-2);

--color-error: var(--color-error-2);
--color-error-contrast: var(--color-error-1);
--color-error-light: var(--color-error-1);

--color-disabled: var(--color-neutral-2);
--color-disabled-font: var(--color-neutral-5);

--color-focus: var(--color-neutral-3);

/* Font */
--font-family: Lato, sans-serif;
--font-size: 14px;
Expand Down

0 comments on commit f7a8c12

Please sign in to comment.