From f84b3144abd70422905704d8d75d83d578760fb7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B8=83=E4=B8=81=E7=8B=97=7E?= Date: Fri, 18 Oct 2024 12:22:21 +0800 Subject: [PATCH] Create catalina.css --- themes/catalina.css | 141 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 141 insertions(+) create mode 100644 themes/catalina.css diff --git a/themes/catalina.css b/themes/catalina.css new file mode 100644 index 0000000..c83f34e --- /dev/null +++ b/themes/catalina.css @@ -0,0 +1,141 @@ +/* Catalina */ + +.dark .side { + --nextui-content1: 0 0 27 !important; + background-color: hsl(0 0 20) !important; +} + +.light .side { + --nextui-content1: 0 0 83 !important; + background-color: hsl(0 0 92) !important; +} + +[data-testid="virtuoso-scroller"] .flag-emoji.h-\[32px\] { + font-weight: bold !important; +} + +.side .sticky>div>div { + color: hsl(var(--nextui-primary)) !important; +} + +.side .grid>div>div:not(.bg-primary):hover { + background-color: hsl(var(--nextui-content4)) !important; +} + +[data-slot="input-wrapper"][data-focus="true"] { + border: 4px solid hsl(var(--nextui-primary)/ 30%) !important; +} + +[data-slot="content"] { + --nextui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / 0.05), + 0px 2px 10px 0px rgb(0 0 0 / 0.2), + inset 0px 0px 1px 0px rgb(255 255 255 / 0.15) !important; + --nextui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / 0.06), + 0px 2px 30px 0px rgb(0 0 0 / 0.22), + inset 0px 0px 1px 0px rgb(255 255 255 / 0.15) !important; + --nextui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / 0.07), + 0px 30px 60px 0px rgb(0 0 0 / 0.26), + inset 0px 0px 1px 0px rgb(255 255 255 / 0.15) !important; + --nextui-hover-opacity: 0.9 !important; +} + +.dark, +[data-theme="dark"] { + --nextui-background: 0 0 12% !important; + --nextui-foreground-50: 0 0 10 !important; + --nextui-foreground-100: 0 0 15 !important; + --nextui-foreground-200: 0 0 25 !important; + --nextui-foreground-300: 0 0 35 !important; + --nextui-foreground-400: 0 0 45 !important; + --nextui-foreground-500: 0 0 68 !important; + --nextui-foreground-600: 0 0 84 !important; + --nextui-foreground-700: 0 0 90 !important; + --nextui-foreground-800: 0 0 95 !important; + --nextui-foreground-900: 0 0 98 !important; + --nextui-foreground: 0 0 100 !important; + --nextui-divider-opacity: 0 !important; + --nextui-content1: 0 0 19 !important; + --nextui-content2: 0 0 25 !important; + --nextui-content3: 0 0 27 !important; + --nextui-content4: 0 0 31 !important; + --nextui-default-50: 0 0 19 !important; + --nextui-default-100: 0 0 25 !important; + --nextui-default-200: 0 0 27 !important; + --nextui-default-300: 0 0 31 !important; + --nextui-default-400: 0 0 46 !important; + --nextui-default-500: 0 0 68 !important; + --nextui-default-600: 0 0 84 !important; + --nextui-default-700: 0 0 90 !important; + --nextui-default-800: 0 0 95 !important; + --nextui-default-900: 0 0 98 !important; + --nextui-default: 0 0 25 !important; + --nextui-primary-50: 213 100 54% !important; + --nextui-primary-100: 213 100 54% !important; + --nextui-primary-200: 213 100 54% !important; + --nextui-primary-300: 213 100 54% !important; + --nextui-primary-400: 213 100 54% !important; + --nextui-primary-500: 213 100 54% !important; + --nextui-primary-600: 213 100 54% !important; + --nextui-primary-700: 213 100 54% !important; + --nextui-primary-800: 213 100 54% !important; + --nextui-primary-900: 213 100 54% !important; + --nextui-primary-foreground: 0 0% 100% !important; + --nextui-primary: 213 100 54% !important; + --nextui-radius-small: 6px !important; + --nextui-radius-medium: 8px !important; + --nextui-radius-large: 12px !important; + --nextui-box-shadow-small: none !important; + --nextui-box-shadow-medium: none !important; + --nextui-box-shadow-large: none !important; +} + +.light, +[data-theme="light"] { + --nextui-background: 0 0% 100% !important; + --nextui-foreground-50: 0 0 98 !important; + --nextui-foreground-100: 0 0 95 !important; + --nextui-foreground-200: 0 0 85 !important; + --nextui-foreground-300: 0 0 65 !important; + --nextui-foreground-400: 0 0 45 !important; + --nextui-foreground-500: 0 0 35 !important; + --nextui-foreground-600: 0 0 25 !important; + --nextui-foreground-700: 0 0 20 !important; + --nextui-foreground-800: 0 0 15 !important; + --nextui-foreground-900: 0 0 10 !important; + --nextui-foreground: 0 0 15 !important; + --nextui-divider-opacity: 0 !important; + --nextui-content1: 0 0% 95% !important; + --nextui-content2: 0 0% 92% !important; + --nextui-content3: 0 0% 87% !important; + --nextui-content4: 0 0% 83% !important; + --nextui-default-50: 0 0% 95% !important; + --nextui-default-100: 0 0% 92% !important; + --nextui-default-200: 0 0% 87% !important; + --nextui-default-300: 0 0% 83% !important; + --nextui-default-400: 0 0% 68% !important; + --nextui-default-500: 0 0% 46% !important; + --nextui-default-600: 0 0% 35% !important; + --nextui-default-700: 0 0% 25% !important; + --nextui-default-800: 0 0% 15% !important; + --nextui-default-900: 0 0% 10% !important; + --nextui-default-foreground: 0 0 15 !important; + --nextui-default: 0 0% 83% !important; + --nextui-primary-50: 214 100 52 !important; + --nextui-primary-100: 214 100 52 !important; + --nextui-primary-200: 214 100 52 !important; + --nextui-primary-300: 214 100 52 !important; + --nextui-primary-400: 214 100 52 !important; + --nextui-primary-500: 214 100 52 !important; + --nextui-primary-600: 214 100 52 !important; + --nextui-primary-700: 214 100 52 !important; + --nextui-primary-800: 214 100 52 !important; + --nextui-primary-900: 214 100 52 !important; + --nextui-primary-foreground: 0 0% 100% !important; + --nextui-primary: 214 100 52 !important; + --nextui-radius-small: 6px !important; + --nextui-radius-medium: 8px !important; + --nextui-radius-large: 12px !important; + --nextui-box-shadow-small: none !important; + --nextui-box-shadow-medium: none !important; + --nextui-box-shadow-large: none !important; +}