From 96333bd26cb9fbec3e8662a1309954fd621d3891 Mon Sep 17 00:00:00 2001 From: Cedric van Putten Date: Thu, 26 Sep 2024 13:55:48 +0200 Subject: [PATCH] chore: remove the expo light theme --- packages/expo-atlas-ui/styles/expo-dark.css | 117 +------------------- 1 file changed, 3 insertions(+), 114 deletions(-) diff --git a/packages/expo-atlas-ui/styles/expo-dark.css b/packages/expo-atlas-ui/styles/expo-dark.css index 88306ea..0f7d37d 100644 --- a/packages/expo-atlas-ui/styles/expo-dark.css +++ b/packages/expo-atlas-ui/styles/expo-dark.css @@ -58,120 +58,6 @@ --expo-theme-border-danger: var(--red7); --expo-theme-border-info: var(--blue7); - /* Buttons */ - --expo-theme-button-primary-background: var(--blue10); - --expo-theme-button-primary-border: var(--blue10); - --expo-theme-button-primary-hover: var(--blue11); - --expo-theme-button-primary-icon: var(--blue3); - --expo-theme-button-primary-text: var(--expo-color-white); - --expo-theme-button-primary-disabled-background: var(--blue7); - --expo-theme-button-primary-disabled-border: var(--blue7); - --expo-theme-button-primary-disabled-text: var(--expo-color-white); - - --expo-theme-button-secondary-background: var(--expo-color-white); - --expo-theme-button-secondary-border: var(--slate8); - --expo-theme-button-secondary-hover: var(--slate3); - --expo-theme-button-secondary-icon: var(--slate11); - --expo-theme-button-secondary-text: var(--slate12); - --expo-theme-button-secondary-disabled-background: var(--expo-color-white); - --expo-theme-button-secondary-disabled-border: var(--slate6); - --expo-theme-button-secondary-disabled-text: var(--slate9); - - --expo-theme-button-tertiary-background: transparent; - --expo-theme-button-tertiary-border: transparent; - --expo-theme-button-tertiary-hover: var(--blue4); - --expo-theme-button-tertiary-icon: var(--blue9); - --expo-theme-button-tertiary-text: var(--blue10); - --expo-theme-button-tertiary-disabled-background: transparent; - --expo-theme-button-tertiary-disabled-border: transparent; - --expo-theme-button-tertiary-disabled-text: var(--blue8); - - --expo-theme-button-quaternary-background: transparent; - --expo-theme-button-quaternary-border: transparent; - --expo-theme-button-quaternary-hover: var(--slate4); - --expo-theme-button-quaternary-icon: var(--slate11); - --expo-theme-button-quaternary-text: var(--slate12); - --expo-theme-button-quaternary-disabled-background: transparent; - --expo-theme-button-quaternary-disabled-border: transparent; - --expo-theme-button-quaternary-disabled-text: var(--slate9); - - --expo-theme-button-primary-destructive-background: var(--red10); - --expo-theme-button-primary-destructive-border: var(--red10); - --expo-theme-button-primary-destructive-hover: var(--red11); - --expo-theme-button-primary-destructive-icon: var(--red3); - --expo-theme-button-primary-destructive-text: var(--expo-color-white); - --expo-theme-button-primary-destructive-disabled-background: var(--red7); - --expo-theme-button-primary-destructive-disabled-border: var(--red7); - --expo-theme-button-primary-destructive-disabled-text: var(--expo-color-white); - - --expo-theme-button-secondary-destructive-background: var(--expo-color-white); - --expo-theme-button-secondary-destructive-border: var(--red7); - --expo-theme-button-secondary-destructive-hover: var(--red3); - --expo-theme-button-secondary-destructive-icon: var(--red9); - --expo-theme-button-secondary-destructive-text: var(--red11); - --expo-theme-button-secondary-destructive-disabled-background: var(--expo-color-white); - --expo-theme-button-secondary-destructive-disabled-border: var(--red5); - --expo-theme-button-secondary-destructive-disabled-text: var(--red8); - - /* Light shadows */ - --expo-theme-shadows-none: 0 0 transparent; - --expo-theme-shadows-xs: 0 1px 3px rgba(0, 0, 0, 0.025), - 0 1px 2px rgba(0, 0, 0, 0.05); - --expo-theme-shadows-sm: 0 3px 6px rgba(0, 0, 0, 0.08), - 0 2px 4px rgba(0, 0, 0, 0.07); - --expo-theme-shadows-md: 0 10px 20px rgba(0, 0, 0, 0.1), - 0 3px 6px rgba(0, 0, 0, 0.05); - --expo-theme-shadows-lg: 0 15px 25px rgba(0, 0, 0, 0.12), - 0 5px 10px rgba(0, 0, 0, 0.05); - --expo-theme-shadows-xl: 0 20px 40px rgba(0, 0, 0, 0.15); - - /* Heading Font sizing */ - --expo-theme-heading-base-font-size: 12px; -} - -.dark-theme { - /* Backgrounds */ - --expo-theme-background-default: var(--slate1); - --expo-theme-background-screen: #0C0D0E; - --expo-theme-background-subtle: var(--slate2); - --expo-theme-background-element: var(--slate3); - --expo-theme-background-hover: var(--slate4); - --expo-theme-background-selected: var(--slate5); - --expo-theme-background-overlay: var(--slate2); - --expo-theme-background-success: var(--green3); - --expo-theme-background-warning: var(--yellow3); - --expo-theme-background-danger: var(--red3); - --expo-theme-background-info: var(--blue3); - - /* Icons */ - --expo-theme-icon-default: var(--slate11); - --expo-theme-icon-secondary: var(--slate10); - --expo-theme-icon-tertiary: var(--slate9); - --expo-theme-icon-quaternary: var(--slate8); - --expo-theme-icon-success: var(--green10); - --expo-theme-icon-warning: var(--yellow11); - --expo-theme-icon-danger: var(--red10); - --expo-theme-icon-info: var(--blue10); - - /* Text */ - --expo-theme-text-default: var(--slate12); - --expo-theme-text-secondary: var(--slate11); - --expo-theme-text-tertiary: var(--slate10); - --expo-theme-text-quaternary: var(--slate9); - --expo-theme-text-link: var(--blue11); - --expo-theme-text-success: var(--green11); - --expo-theme-text-warning: var(--yellow11); - --expo-theme-text-danger: var(--red11); - --expo-theme-text-info: var(--blue11); - - /* Borders */ - --expo-theme-border-default: var(--slate7); - --expo-theme-border-secondary: var(--slate6); - --expo-theme-border-success: var(--green7); - --expo-theme-border-warning: var(--yellow7); - --expo-theme-border-danger: var(--red7); - --expo-theme-border-info: var(--blue7); - /* Buttons */ --expo-theme-button-primary-background: var(--blue8); --expo-theme-button-primary-border: var(--blue8); @@ -238,6 +124,9 @@ --expo-theme-shadows-lg: 0 15px 25px rgba(0, 0, 0, 0.5), 0 5px 10px rgba(0, 0, 0, 0.25); --expo-theme-shadows-xl: 0 20px 40px rgba(0, 0, 0, 0.5); + + /* Heading Font sizing */ + --expo-theme-heading-base-font-size: 12px; } @media (min-width: 401px) {