All notable changes to this project will be documented in this file. This project adheres to Semantic Versioning.
$ui-border-2-light
is now #d4d4d4
($blk-040
)$ui-border-3-light
is now #dfdfdf
($blk-030
)$ui-border-1-dark
is now #555555
($blk-160
)$ui-border-2-dark
is now #4a4a4a
($blk-170
)$ui-border-3-dark
is now #404040
($blk-180
)--calcite-ui-border-2
is now #d4d4d4
($ui-border-2-light
)--calcite-ui-border-3
is now #dfdfdf
($ui-border-3-light
)--calcite-ui-border-1
is now #555555
($ui-border-1-dark
)--calcite-ui-border-2
is now #4a4a4a
($ui-border-2-dark
)--calcite-ui-border-3
is now #404040
($ui-border-3-dark
)$ui-blue-1
is now $ui-brand-light
$ui-blue-2
is now $ui-brand-hover-light
$ui-blue-3
is now $ui-brand-press-light
$ui-green-1
is now $ui-success-light
$ui-green-2
removed$ui-green-3
removed$ui-yellow-1
is now $ui-warning-light
$ui-yellow-2
removed$ui-yellow-3
removed$ui-red-1
is now $ui-danger-light
$ui-red-2
is now $ui-danger-hover-light
$ui-red-3
is now $ui-danger-press-light
$ui-background:
is now $ui-background-light
$ui-foreground-1
is now $ui-foreground-1-light
$ui-foreground-2
is now $ui-foreground-2-light
$ui-foreground-3
is now $ui-foreground-3-light
$ui-text-1
is now $ui-text-1-light
$ui-text-2
is now $ui-text-2-light
$ui-text-3
is now $ui-text-3-light
$ui-border-1
is now $ui-border-1-light
$ui-border-2
is now $ui-border-2-light
$ui-border-3
is now $ui-border-3-light
$ui-border-4
removed$ui-border-5
removedNote: the above also apply to the corresponding dark theme color variables.
--calcite-ui-blue-1
is now --calcite-ui-brand
--calcite-ui-blue-2
is now --calcite-ui-brand-hover
--calcite-ui-blue-3
is now --calcite-ui-brand-press
--calcite-ui-green-1
is now --calcite-ui-success
--calcite-ui-green-2
removed--calcite-ui-green-3
removed--calcite-ui-yellow-1
is now --calcite-ui-warning
--calcite-ui-yellow-2
removed--calcite-ui-yellow-3
removed--calcite-ui-red-1
is now --calcite-ui-danger
--calcite-ui-red-2
is now --calcite-ui-danger-hover
--calcite-ui-red-3
is now --calcite-ui-danger-press
--calcite-ui-border-4
removed--calcite-ui-border-5
removed$ui-border-input-light
#949494
$ui-text-inverse-light
#ffffff
$ui-text-link-light
#00619b
$ui-info-light
#00619b
Note: The above also have -dark
equivalents.
--calcite-ui-border-input
#949494
--calcite-ui-text-inverse
#ffffff
--calcite-ui-text-link
#00619b
--calcite-ui-info
#00619b
/src/colors.scss
file to /dist/colors.scss
.colors.ts
to be lowercased.colors.scss
file to /src/colors.scss
.colors.ts
file to /src/colors.ts
.colors.json
file. The project's new "main" file is /dist/colors.js
.colors.json
and colors.js
to the dist/
folder.Added dark theme variables:
// Dark Theme Colors
$d-bb-410: #47BBFF;
$d-bb-420: #00A0FF;
$d-bb-430: #0087D7;
$d-gg-410: #44ED51;
$d-gg-420: #36DA43;
$d-gg-430: #11AD1D;
$d-yy-410: #FFE24D;
$d-yy-420: #FFC900;
$d-yy-430: #F4B000;
$d-rr-410: #FF7465;
$d-rr-420: #FE583E;
$d-rr-430: #F3381B;
Updated dark theme yellow pressed:
$ui-yellow-pressed-dark: $d-yy-410;
Added to light and dark theme:
For dark theme variables append -dark
-dark
ui colorsui-
and ui-XXX-dark
variables.ase
file with new values from v1.2.0
.pdf
file with new values from v1.2.0
blk-005
(#f8f8f8) and blk-235
(#060606)blk-010
to #f3f3f3 from #f3f3f4blk-230
to #0b0b0b from #060606rr
(red) color ramps in at every saturation levelh-yy-060
– h-yy-100
Updates from Kyle H. to remove green add and more yellow/gold