joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Update color variables in globals.css and tailwind.config.ts

Browse Source 
This commit updates the color variables in the `globals.css` and `tailwind.config.ts` files. The new color variables are `color-1`, `color-2`, `color-3`, `color-4`, and `color-5`. These variables are used to define the colors for the Zen Browser UI. The changes were made to improve the consistency and readability of the code.
This commit is contained in:
mauro-balades
2024-10-06 00:04:05 +02:00
parent 93cc8cf08c
commit f752156d68
4 changed files with 94 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
tailwind.config.ts
View File

@@ -29,6 +29,11 @@ const config = {
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
surface: "var(--surface)",
"color-1": "hsl(var(--color-1))",
"color-2": "hsl(var(--color-2))",
"color-3": "hsl(var(--color-3))",
"color-4": "hsl(var(--color-4))",
"color-5": "hsl(var(--color-5))",
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
@@ -64,6 +69,10 @@ const config = {
sm: "calc(var(--radius) - 4px)",
},
keyframes: {
rainbow: {
"0%": { "background-position": "0%" },
"100%": { "background-position": "200%" },
},
orbit: {
"0%": {
transform:
@@ -137,6 +146,7 @@ const config = {
},
},
animation: {
rainbow: "rainbow var(--speed, 2s) infinite linear",
orbit: "orbit calc(var(--duration)*1s) linear infinite",
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",