Skip to content

Commit

Permalink
Adjust dark theme for decorative zinc (#44)
Browse files Browse the repository at this point in the history
* fix: adjust decorative zinc for dark mode

* Update output configs

---------

Co-authored-by: johanekhager <[email protected]>
  • Loading branch information
johanekhager and johanekhager authored Feb 29, 2024
1 parent d55728c commit 4766846
Show file tree
Hide file tree
Showing 13 changed files with 50 additions and 50 deletions.
2 changes: 1 addition & 1 deletion dist/output/colors.spectrum.react.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
"use strict";
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/
module.exports = /** @type {const} */ {
"black": "#000000",
Expand Down
2 changes: 1 addition & 1 deletion dist/output/colors.spectrum.tailwind.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
"use strict";
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/
module.exports = /** @type {const} */ {
"black": "#000000",
Expand Down
14 changes: 7 additions & 7 deletions dist/output/colors.theme.dark.react.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
"use strict";
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/
module.exports = /** @type {const} */ {
"background": {
Expand Down Expand Up @@ -37,8 +37,8 @@ module.exports = /** @type {const} */ {
"strongHover": "#d7256d",
"strongActive": "#8e104a",
"strongDisabled": "rgba(244,63,133, 0.5)",
"medium": "#28282b",
"mediumHover": "#34353a",
"medium": "#1c1c1e",
"mediumHover": "#28282b",
"mediumActive": "#3f3f46",
"weakHover": "#34353a",
"weakActive": "#3f3f46"
Expand Down Expand Up @@ -129,9 +129,9 @@ module.exports = /** @type {const} */ {
"strong": "#ca8a04"
},
"zinc": {
"default": "#0f0f10",
"weak": "#1c1c1e",
"medium": "#28282b",
"default": "#28282b",
"weak": "#28282b",
"medium": "#3f3f46",
"strong": "#57595f"
},
"cerise": {
Expand All @@ -158,7 +158,7 @@ module.exports = /** @type {const} */ {
"neutral": {
"default": "rgba(255,255,255, 0.14)",
"medium": "rgba(255,255,255, 0.2)",
"strong": "rgba( #ffffff, 0.28)"
"strong": "rgba(255,255,255, 0.28)"
},
"success": {
"default": "rgba(52,53,58, 0.05)"
Expand Down
2 changes: 1 addition & 1 deletion dist/output/colors.theme.light.react.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
"use strict";
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/
module.exports = /** @type {const} */ {
"background": {
Expand Down
2 changes: 1 addition & 1 deletion dist/output/colors.theme.tailwind.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
"use strict";
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/
module.exports = /** @type {const} */ {
"background": {
Expand Down
2 changes: 1 addition & 1 deletion src/output/colors.spectrum.react.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/

module.exports = /** @type {const} */ {
Expand Down
2 changes: 1 addition & 1 deletion src/output/colors.spectrum.tailwind.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/

module.exports = /** @type {const} */ {
Expand Down
14 changes: 7 additions & 7 deletions src/output/colors.theme.dark.react.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/

module.exports = /** @type {const} */ {
Expand Down Expand Up @@ -37,8 +37,8 @@ module.exports = /** @type {const} */ {
"strongHover": "#d7256d",
"strongActive": "#8e104a",
"strongDisabled": "rgba(244,63,133, 0.5)",
"medium": "#28282b",
"mediumHover": "#34353a",
"medium": "#1c1c1e",
"mediumHover": "#28282b",
"mediumActive": "#3f3f46",
"weakHover": "#34353a",
"weakActive": "#3f3f46"
Expand Down Expand Up @@ -129,9 +129,9 @@ module.exports = /** @type {const} */ {
"strong": "#ca8a04"
},
"zinc": {
"default": "#0f0f10",
"weak": "#1c1c1e",
"medium": "#28282b",
"default": "#28282b",
"weak": "#28282b",
"medium": "#3f3f46",
"strong": "#57595f"
},
"cerise": {
Expand All @@ -158,7 +158,7 @@ module.exports = /** @type {const} */ {
"neutral": {
"default": "rgba(255,255,255, 0.14)",
"medium": "rgba(255,255,255, 0.2)",
"strong": "rgba( #ffffff, 0.28)"
"strong": "rgba(255,255,255, 0.28)"
},
"success": {
"default": "rgba(52,53,58, 0.05)"
Expand Down
2 changes: 1 addition & 1 deletion src/output/colors.theme.light.react.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/

module.exports = /** @type {const} */ {
Expand Down
2 changes: 1 addition & 1 deletion src/output/colors.theme.tailwind.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Feb 2024 09:00:00 GMT
* Generated on Thu, 29 Feb 2024 08:28:44 GMT
*/

module.exports = /** @type {const} */ {
Expand Down
12 changes: 6 additions & 6 deletions src/output/theme-dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
--color-background-action-strong-hover: rgb(215, 37, 109);
--color-background-action-strong-active: rgb(142, 16, 74);
--color-background-action-strong-disabled: rgba(244,63,133, 0.5);
--color-background-action-medium: rgb(40, 40, 43);
--color-background-action-medium-hover: rgb(52, 53, 58);
--color-background-action-medium: rgb(28, 28, 30);
--color-background-action-medium-hover: rgb(40, 40, 43);
--color-background-action-medium-active: rgb(63, 63, 70);
--color-background-action-weak-hover: rgb(52, 53, 58);
--color-background-action-weak-active: rgb(63, 63, 70);
Expand Down Expand Up @@ -81,9 +81,9 @@
--color-background-decorative-yellow-weak: rgb(113, 63, 18);
--color-background-decorative-yellow-medium: rgb(133, 77, 14);
--color-background-decorative-yellow-strong: rgb(202, 138, 4);
--color-background-decorative-zinc-default: rgb(15, 15, 16);
--color-background-decorative-zinc-weak: rgb(28, 28, 30);
--color-background-decorative-zinc-medium: rgb(40, 40, 43);
--color-background-decorative-zinc-default: rgb(40, 40, 43);
--color-background-decorative-zinc-weak: rgb(40, 40, 43);
--color-background-decorative-zinc-medium: rgb(63, 63, 70);
--color-background-decorative-zinc-strong: rgb(87, 89, 95);
--color-background-decorative-cerise-default: rgb(73, 13, 37);
--color-background-decorative-cerise-weak: rgb(131, 24, 67);
Expand All @@ -99,7 +99,7 @@
--color-background-decorative-red-strong: rgb(220, 38, 38);
--color-border-neutral-default: rgba(255,255,255, 0.14);
--color-border-neutral-medium: rgba(255,255,255, 0.2);
--color-border-neutral-strong: rgba( rgb(255, 255, 255), 0.28);
--color-border-neutral-strong: rgba(255,255,255, 0.28);
--color-border-success-default: rgba(52,53,58, 0.05);
--color-border-danger-default: rgba(52,53,58, 0.05);
--color-border-warning-default: rgba(52,53,58, 0.05);
Expand Down
22 changes: 11 additions & 11 deletions tokens.json
Original file line number Diff line number Diff line change
Expand Up @@ -2714,14 +2714,14 @@
"description": "rgba($color.pink.500, 0.5)"
},
"medium": {
"value": "{color.zinc.800}",
"value": "{color.zinc.900}",
"type": "color",
"description": "{color.zinc.800}"
"description": "{color.zinc.900}"
},
"medium-hover": {
"value": "{color.zinc.750}",
"value": "{color.zinc.800}",
"type": "color",
"description": "{color.zinc.750}"
"description": "{color.zinc.800}"
},
"medium-active": {
"value": "{color.zinc.700}",
Expand Down Expand Up @@ -3050,19 +3050,19 @@
},
"zinc": {
"DEFAULT": {
"value": "{color.zinc.1000}",
"value": "{color.zinc.800}",
"type": "color",
"description": "{color.zinc.1000}"
"description": "{color.zinc.800}"
},
"weak": {
"value": "{color.zinc.900}",
"value": "{color.zinc.800}",
"type": "color",
"description": "{color.zinc.900"
"description": "{color.zinc.800"
},
"medium": {
"value": "{color.zinc.800}",
"value": "{color.zinc.700}",
"type": "color",
"description": "{color.zinc.800}"
"description": "{color.zinc.700}"
},
"strong": {
"value": "{color.zinc.600}",
Expand Down Expand Up @@ -3151,7 +3151,7 @@
"description": "rgba({color.white}, 0.2)"
},
"strong": {
"value": "rgba( {color.white}, 0.28)",
"value": "rgba({color.white}, 0.28)",
"type": "color",
"description": "rgba({color.white}, 0.28)"
}
Expand Down
22 changes: 11 additions & 11 deletions tokens/dark.json
Original file line number Diff line number Diff line change
Expand Up @@ -139,15 +139,15 @@
"failedToResolve": true
},
"medium": {
"value": "{color.zinc.800}",
"value": "{color.zinc.900}",
"type": "color",
"description": "{color.zinc.800}",
"description": "{color.zinc.900}",
"failedToResolve": true
},
"medium-hover": {
"value": "{color.zinc.750}",
"value": "{color.zinc.800}",
"type": "color",
"description": "{color.zinc.750}",
"description": "{color.zinc.800}",
"failedToResolve": true
},
"medium-active": {
Expand Down Expand Up @@ -536,21 +536,21 @@
},
"zinc": {
"DEFAULT": {
"value": "{color.zinc.1000}",
"value": "{color.zinc.800}",
"type": "color",
"description": "{color.zinc.1000}",
"description": "{color.zinc.800}",
"failedToResolve": true
},
"weak": {
"value": "{color.zinc.900}",
"value": "{color.zinc.800}",
"type": "color",
"description": "{color.zinc.900",
"description": "{color.zinc.800",
"failedToResolve": true
},
"medium": {
"value": "{color.zinc.800}",
"value": "{color.zinc.700}",
"type": "color",
"description": "{color.zinc.800}",
"description": "{color.zinc.700}",
"failedToResolve": true
},
"strong": {
Expand Down Expand Up @@ -655,7 +655,7 @@
"failedToResolve": true
},
"strong": {
"value": "rgba( {color.white}, 0.28)",
"value": "rgba({color.white}, 0.28)",
"type": "color",
"description": "rgba({color.white}, 0.28)",
"failedToResolve": true
Expand Down

0 comments on commit 4766846

Please sign in to comment.