style: Redesign manage media ui

2024-05-01 01:05:21 +03:00
parent 165f793a43
commit 0d05e3b530
11 changed files with 376 additions and 239 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -20,30 +20,30 @@ export default {
 				'highlight-foreground': '#f6c304',
 				'highlight-background': '#161517',
 				primary: {
-					50: '#FDF8EC',
-					100: '#FBEED5',
-					200: '#F7DEAB',
-					300: '#F3CD81',
-					400: '#EFBC57',
-					500: '#EBAB2E',
-					600: '#CD8F14',
-					700: '#9A6B0F',
-					800: '#66480A',
-					900: '#332405',
-					950: '#1C1403'
+					50: 'hsl(40, 80%, 95%)', //''#fcf9ea',
+					100: 'hsl(40, 80%, 90%)', //''#faefc7',
+					200: 'hsl(40, 80%, 80%)', //''#f6dc92',
+					300: 'hsl(40, 80%, 70%)', //''#f0c254',
+					400: 'hsl(40, 80%, 65%)', //''#ebab2e',
+					500: 'hsl(40, 80%, 55%)', //'#da9018',
+					600: 'hsl(40, 80%, 24%)', //'#bc6e12',
+					700: 'hsl(40, 80%, 18%)', //'#964e12',
+					800: 'hsl(40, 80%, 12%)', //'#7d3f16',
+					900: 'hsl(40, 80%, 7%)', //'#6a3419',
+					950: 'hsl(40, 80%, 4%)' //'#3e1a0a'
 				},
 				secondary: {
-					50: '#E6EAEA',
-					100: '#CCD6D6',
-					200: '#99ADAD',
-					300: '#698282',
-					400: '#3E4C4C',
-					500: '#0a0807',
-					600: '#101414',
-					700: '#211a17',
-					800: '#171310',
-					900: '#0a0807',
-					950: '#020303'
+					50: 'hsl(40, 12%, 95%)',
+					100: 'hsl(40, 12%, 90%)',
+					200: 'hsl(40, 12%, 80%)',
+					300: 'hsl(40, 12%, 70%)',
+					400: 'hsl(40, 12%, 65%)',
+					500: 'hsl(40, 12%, 55%)', // #0a0807
+					600: 'hsl(40, 8%, 30%)',
+					700: 'hsl(40, 8%, 20%)',
+					800: 'hsl(40, 8%, 12%)', //'#1a1814', //'#171310',
+					900: 'hsl(40, 8%, 7%)', //'#14130f',
+					950: 'hsl(40, 8%, 4%)' //'#020303'
 				}
 			},
 			keyframes: {