fix: changed component colors name to not override existing colors, fixed responsiveness issues on main, playground and nav (#4482)

* Changed description color

* Updated edge colors

* updated color of output inspection

* Updated handle position to work with every case

* Open sidebar on filter

* Fixed empty folder on top of the sidebar

* Fix app header responsitivity

* Changed mobile playground showing

* Changed color name to datatype

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
Lucas Oliveira 2024-11-08 18:10:18 -03:00 • committed by GitHub
commit f32360fea8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 251 additions and 317 deletions

View file

@ -139,10 +139,6 @@ const config = {
"node-selected": "hsl(var(--node-selected))",
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
"accent-emerald": {
DEFAULT: "hsl(var(--accent-emerald))",
foreground: "hsl(var(--accent-emerald-foreground))",
},
"emerald-smooth": "hsl(var(--emaral-smooth))",
"emerald-hard": "hsl(var(--emeral-hard))",
placeholder: "hsl(var(--placeholder))",
@ -200,49 +196,49 @@ const config = {
DEFAULT: "#18181B",
muted: "#27272A",
},
"accent-yellow": {
DEFAULT: "hsl(var(--accent-yellow))",
foreground: "hsl(var(--accent-yellow-foreground))",
"datatype-yellow": {
DEFAULT: "hsl(var(--datatype-yellow))",
foreground: "hsl(var(--datatype-yellow-foreground))",
},
"accent-blue": {
DEFAULT: "hsl(var(--accent-blue))",
foreground: "hsl(var(--accent-blue-foreground))",
"datatype-blue": {
DEFAULT: "hsl(var(--datatype-blue))",
foreground: "hsl(var(--datatype-blue-foreground))",
},
"accent-gray": {
DEFAULT: "hsl(var(--accent-gray))",
foreground: "hsl(var(--accent-gray-foreground))",
"datatype-gray": {
DEFAULT: "hsl(var(--datatype-gray))",
foreground: "hsl(var(--datatype-gray-foreground))",
},
"accent-lime": {
DEFAULT: "hsl(var(--accent-lime))",
foreground: "hsl(var(--accent-lime-foreground))",
"datatype-lime": {
DEFAULT: "hsl(var(--datatype-lime))",
foreground: "hsl(var(--datatype-lime-foreground))",
},
"accent-red": {
DEFAULT: "hsl(var(--accent-red))",
foreground: "hsl(var(--accent-red-foreground))",
"datatype-red": {
DEFAULT: "hsl(var(--datatype-red))",
foreground: "hsl(var(--datatype-red-foreground))",
},
"accent-violet": {
DEFAULT: "hsl(var(--accent-violet))",
foreground: "hsl(var(--accent-violet-foreground))",
"datatype-violet": {
DEFAULT: "hsl(var(--datatype-violet))",
foreground: "hsl(var(--datatype-violet-foreground))",
},
"accent-emerald": {
DEFAULT: "hsl(var(--accent-emerald))",
foreground: "hsl(var(--accent-emerald-foreground))",
"datatype-emerald": {
DEFAULT: "hsl(var(--datatype-emerald))",
foreground: "hsl(var(--datatype-emerald-foreground))",
},
"accent-fuchsia": {
DEFAULT: "hsl(var(--accent-fuchsia))",
foreground: "hsl(var(--accent-fuchsia-foreground))",
"datatype-fuchsia": {
DEFAULT: "hsl(var(--datatype-fuchsia))",
foreground: "hsl(var(--datatype-fuchsia-foreground))",
},
"accent-purple": {
DEFAULT: "hsl(var(--accent-purple))",
foreground: "hsl(var(--accent-purple-foreground))",
"datatype-purple": {
DEFAULT: "hsl(var(--datatype-purple))",
foreground: "hsl(var(--datatype-purple-foreground))",
},
"accent-cyan": {
DEFAULT: "hsl(var(--accent-cyan))",
foreground: "hsl(var(--accent-cyan-foreground))",
"datatype-cyan": {
DEFAULT: "hsl(var(--datatype-cyan))",
foreground: "hsl(var(--datatype-cyan-foreground))",
},
"accent-indigo": {
DEFAULT: "hsl(var(--accent-indigo))",
foreground: "hsl(var(--accent-indigo-foreground))",
"datatype-indigo": {
DEFAULT: "hsl(var(--datatype-indigo))",
foreground: "hsl(var(--datatype-indigo-foreground))",
},
"node-ring": "hsl(var(--node-ring))",
},
@ -308,7 +304,7 @@ const config = {
wordBreak: "break-word",
},
".arrow-hide": {
"&::-webkit-inner-spin-button": {
"&::-webkit-datatype-spin-button": {
"-webkit-appearance": "none",
margin: 0,
},