Skip to content

Commit

Permalink
First draft on new colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@louismaximepiton
louismaximepiton committed Dec 6, 2024
1 parent 7924cd6 commit 5399a22
Show file tree
Hide file tree
Showing 7 changed files with 477 additions and 725 deletions.
12 changes: 6 additions & 6 deletions scss/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ $gray-100: $ouds-color-functional-light-gray-80 !default; // OUDS mod: instead o
$gray-200: $ouds-color-functional-light-gray-160 !default; // OUDS mod: instead of `#e9ecef`
$gray-300: $ouds-color-functional-light-gray-400 !default; // OUDS mod: instead of `#dee2e6`
$gray-400: $ouds-color-functional-light-gray-560 !default; // OUDS mod: instead of `#ced4da`
$gray-500: $ouds-color-functional-dark-gray-160 !default; // OUDS mod: instead of `#adb5bd`
$gray-600: $ouds-color-functional-dark-gray-400 !default; // OUDS mod: instead of `#6c757d`
$gray-700: $ouds-color-functional-dark-gray-480 !default; // OUDS mod: instead of `#495057`
$gray-800: $ouds-color-functional-dark-gray-640 !default; // OUDS mod: instead of `#343a40`
$gray-500: $ouds-color-functional-light-gray-880 !default; // OUDS mod: instead of `#adb5bd`
$gray-600: $ouds-color-functional-dark-gray-240 !default; // OUDS mod: instead of `#6c757d`
$gray-700: $ouds-color-functional-dark-gray-640 !default; // OUDS mod: instead of `#495057`
$gray-800: $ouds-color-functional-dark-gray-800 !default; // OUDS mod: instead of `#343a40`
$gray-900: $ouds-color-functional-dark-gray-880 !default; // OUDS mod: instead of `#212529`
$black: $ouds-color-functional-black !default; // OUDS mod: instead of `#000`
// scss-docs-end gray-color-variables
Expand Down Expand Up @@ -953,7 +953,7 @@ $btn-border-width: $input-btn-border-width !default;
$btn-default-hover-bg: var(--#{$prefix}highlight-bg) !default; // OUDS mod
$btn-default-hover-border: var(--#{$prefix}border-color) !default; // OUDS mod
$btn-default-hover-color: var(--#{$prefix}highlight-color) !default; // OUDS mod
$btn-default-active-bg: $ouds-button-color-background-default-pressed !default; // OUDS mod
$btn-default-active-bg: $ouds-button-color-bg-default-pressed !default; // OUDS mod
$btn-default-active-border: $ouds-button-color-border-default-pressed !default; // OUDS mod
$btn-default-active-color: $black !default; // OUDS mod
$btn-default-disabled-bg: var(--#{$prefix}color-content-disabled) !default; // OUDS mod
Expand All @@ -963,7 +963,7 @@ $btn-default-disabled-color: var(--#{$prefix}highlight-color) !default; // OUDS
$btn-outline-default-hover-bg: var(--#{$prefix}btn-color) !default; // OUDS mod
$btn-outline-default-hover-border: var(--#{$prefix}btn-border-color) !default; // OUDS mod
$btn-outline-default-hover-color: $white !default; // OUDS mod
$btn-outline-default-active-bg: $ouds-button-color-background-default-pressed !default; // OUDS mod
$btn-outline-default-active-bg: $ouds-button-color-bg-default-pressed !default; // OUDS mod
$btn-outline-default-active-border: $ouds-button-color-border-default-pressed !default; // OUDS mod
$btn-outline-default-active-color: $black !default; // OUDS mod
$btn-outline-default-disabled-bg: transparent !default; // OUDS mod
Expand Down
524 changes: 210 additions & 314 deletions scss/tests/customize/_ouds-web-bootstrap-utilities.test.scss
View file

Large diffs are not rendered by default.

318 changes: 159 additions & 159 deletions scss/tokens/_component.scss
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion scss/tokens/_composite.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
// scss-docs-start ouds-composite-elevation
$ouds-elevation-default: $ouds-elevation-x-default $ouds-elevation-y-default $ouds-elevation-blur-default $ouds-elevation-spread-default var(--#{$prefix}elevation-color-default) !default;
$ouds-elevation-drag: $ouds-elevation-x-drag $ouds-elevation-y-drag $ouds-elevation-blur-drag $ouds-elevation-spread-drag var(--#{$prefix}elevation-color-drag) !default;
$ouds-elevation-emphasized: $ouds-elevation-x-emphasized $ouds-elevation-y-emphasized $ouds-elevation-blur-emphasized var(--#{$prefix}elevation-spread-emphasized $ouds-elevation-color-emphasized) !default;
$ouds-elevation-emphasized: $ouds-elevation-x-emphasized $ouds-elevation-y-emphasized $ouds-elevation-blur-emphasized $ouds-elevation-spread-emphasized var(--#{$prefix}elevation-color-emphasized) !default;
$ouds-elevation-none: $ouds-elevation-x-none $ouds-elevation-y-none $ouds-elevation-blur-none $ouds-elevation-spread-none var(--#{$prefix}elevation-color-none) !default;
$ouds-elevation-raised: $ouds-elevation-x-raised $ouds-elevation-y-raised $ouds-elevation-blur-raised $ouds-elevation-spread-raised var(--#{$prefix}elevation-color-raised) !default;
$ouds-elevation-sticky-default: $ouds-elevation-x-sticky-default $ouds-elevation-y-sticky-default $ouds-elevation-blur-sticky-default $ouds-elevation-spread-sticky-default var(--#{$prefix}elevation-color-sticky-default) !default;
Expand Down
30 changes: 15 additions & 15 deletions scss/tokens/_raw.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,15 +35,15 @@ $ouds-border-width-125: $ouds-border-base * 1.25 !default; // 5
// Color

// scss-docs-start ouds-raw-color
// $ouds-color-decorative-amber-100: #fff0cc !default;
// $ouds-color-decorative-amber-200: #ffe199 !default;
// $ouds-color-decorative-amber-300: #ffd266 !default;
// $ouds-color-decorative-amber-400: #ffc333 !default;
$ouds-color-decorative-amber-100: #fff0cc !default;
$ouds-color-decorative-amber-200: #ffe199 !default;
$ouds-color-decorative-amber-300: #ffd266 !default;
$ouds-color-decorative-amber-400: #ffc333 !default;
$ouds-color-decorative-amber-500: #ffb400 !default;
// $ouds-color-decorative-amber-600: #cc9000 !default;
// $ouds-color-decorative-amber-700: #996c00 !default;
// $ouds-color-decorative-amber-800: #664800 !default;
// $ouds-color-decorative-amber-900: #332400 !default;
$ouds-color-decorative-amber-600: #cc9000 !default;
$ouds-color-decorative-amber-700: #996c00 !default;
$ouds-color-decorative-amber-800: #664800 !default;
$ouds-color-decorative-amber-900: #332400 !default;
$ouds-color-decorative-amethyst-100: #f1ecf9 !default;
$ouds-color-decorative-amethyst-200: #e0d4f2 !default;
$ouds-color-decorative-amethyst-300: #c5ade6 !default;
Expand Down Expand Up @@ -91,8 +91,8 @@ $ouds-color-decorative-sky-800: #0c415a !default;
$ouds-color-decorative-sky-900: #06202d !default;
$ouds-color-functional-black: #000 !default;
// $ouds-color-functional-dark-gray-80: #7a7a7a !default;
$ouds-color-functional-dark-gray-160: #707070 !default;
// $ouds-color-functional-dark-gray-240: #666 !default;
// $ouds-color-functional-dark-gray-160: #707070 !default;
$ouds-color-functional-dark-gray-240: #666 !default;
// $ouds-color-functional-dark-gray-320: #5c5c5c !default;
$ouds-color-functional-dark-gray-400: #555 !default;
// $ouds-color-functional-dark-gray-480: #444 !default;
Expand All @@ -115,14 +115,14 @@ $ouds-color-functional-light-gray-80: #f4f4f4 !default;
$ouds-color-functional-light-gray-160: #eee !default;
// $ouds-color-functional-light-gray-240: #e0e0e0 !default;
// $ouds-color-functional-light-gray-320: #d6d6d6 !default;
// $ouds-color-functional-light-gray-400: #ccc !default;
$ouds-color-functional-light-gray-400: #ccc !default;
// $ouds-color-functional-light-gray-480: #c2c2c2 !default;
$ouds-color-functional-light-gray-560: #bbb !default;
// $ouds-color-functional-light-gray-640: #adadad !default;
// $ouds-color-functional-light-gray-720: #a3a3a3 !default;
// $ouds-color-functional-light-gray-800: #999 !default;
// $ouds-color-functional-light-gray-880: #8f8f8f !default;
// $ouds-color-functional-light-gray-960: #858585 !default;
$ouds-color-functional-light-gray-880: #8f8f8f !default;
$ouds-color-functional-light-gray-960: #858585 !default;
$ouds-color-functional-malachite-100: #edfcf0 !default;
$ouds-color-functional-malachite-200: #c1f6ca !default;
$ouds-color-functional-malachite-300: #94f0a4 !default;
Expand All @@ -141,7 +141,7 @@ $ouds-color-functional-scarlet-600: #ea0305 !default;
$ouds-color-functional-scarlet-700: #b20002 !default;
$ouds-color-functional-scarlet-800: #800001 !default;
$ouds-color-functional-scarlet-900: #4d0001 !default;
// $ouds-color-functional-sun-100: #fff7d6 !default;
$ouds-color-functional-sun-100: #fff7d6 !default;
$ouds-color-functional-sun-200: #ffed99 !default;
$ouds-color-functional-sun-300: #ffe270 !default;
$ouds-color-functional-sun-400: #ffd73d !default;
Expand Down Expand Up @@ -211,7 +211,7 @@ $ouds-color-orange-200: #ffc18a !default;
$ouds-color-orange-300: #ffa554 !default;
$ouds-color-orange-400: #ff9433 !default;
$ouds-color-orange-500: #ff7900 !default;
$ouds-color-orange-550: #f16e00 !default;
$ouds-color-orange-550: #f15e00 !default;
$ouds-color-orange-600: #e86e00 !default;
$ouds-color-orange-700: #b55600 !default;
$ouds-color-orange-800: #8c4300 !default;
Expand Down
Loading

0 comments on commit 5399a22

Please sign in to comment.