diff --git a/packages/com.sncommunity.standard-blue-dark-theme/src/main.scss b/packages/com.sncommunity.standard-blue-dark-theme/src/main.scss index a3fefb4..14ae6ac 100644 --- a/packages/com.sncommunity.standard-blue-dark-theme/src/main.scss +++ b/packages/com.sncommunity.standard-blue-dark-theme/src/main.scss @@ -5,9 +5,9 @@ --sn-stylekit-neutral-color: #edf2fb; --sn-stylekit-neutral-contrast-color: black; - --sn-stylekit-info-color: #4279ff; + --sn-stylekit-info-color: #587bf0; --sn-stylekit-info-contrast-color: black; - --sn-stylekit-info-color-darkened: #050505; + --sn-stylekit-info-color-darkened: #020305; --sn-stylekit-success-color: #3965ca; --sn-stylekit-success-contrast-color: black; @@ -18,25 +18,25 @@ --sn-stylekit-danger-color: #f80324; --sn-stylekit-danger-contrast-color: black; - --sn-stylekit-shadow-color: #323336; - --sn-stylekit-background-color: #000000; - --sn-stylekit-border-color: #282828; - --sn-stylekit-foreground-color: #abc4ff; + --sn-stylekit-shadow-color: #020204; + --sn-stylekit-background-color: #030508; + --sn-stylekit-border-color: #1c2538; + --sn-stylekit-foreground-color: #7f9cf5; - --navigation-item-selected-background-color: #000000; - --sn-stylekit-info-backdrop-color: #050505; + --navigation-item-selected-background-color: #111827; + --sn-stylekit-info-backdrop-color: #0b101a; - --sn-stylekit-contrast-background-color: #161616; - --sn-stylekit-contrast-foreground-color: #abc4ff; - --sn-stylekit-contrast-border-color: #282828; + --sn-stylekit-contrast-background-color: #0d1117; + --sn-stylekit-contrast-foreground-color: #7f9cf5; + --sn-stylekit-contrast-border-color: #1c2538; - --sn-stylekit-secondary-background-color: #1e1e1e; - --sn-stylekit-secondary-foreground-color: #abc4ff; - --sn-stylekit-secondary-border-color: #abc4ff; + --sn-stylekit-secondary-background-color: #0b101a; + --sn-stylekit-secondary-foreground-color: #7f9cf5; + --sn-stylekit-secondary-border-color: #7f9cf5; - --sn-stylekit-secondary-contrast-background-color: #1d1d1d; - --sn-stylekit-secondary-contrast-foreground-color: #abc4ff; - --sn-styleki--secondary-contrast-border-color: #edf2fb; + --sn-stylekit-secondary-contrast-background-color: #131b2e; + --sn-stylekit-secondary-contrast-foreground-color: #7f9cf5; + --sn-stylekit-secondary-contrast-border-color: #edf2fb; --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color); --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color); @@ -45,17 +45,17 @@ --sn-stylekit-passive-color-2: var(--sn-stylekit-info-color); --sn-stylekit-passive-color-3: var(--sn-stylekit-contrast-border-color); --sn-stylekit-passive-color-4: var(--sn-stylekit-secondary-background-color); - --sn-stylekit-passive-color-4-opacity-variant: #04194a; + --sn-stylekit-passive-color-4-opacity-variant: #0e162b; --sn-stylekit-passive-color-5: var(--sn-stylekit-secondary-background-color); --sn-stylekit-paragraph-text-color: #edf2fb; - --preferences-navigation-icon-color: var #050505; + --preferences-navigation-icon-color: #587bf0; - --sn-stylekit-input-border-color: #212632; + --sn-stylekit-input-border-color: #1c2538; - --sn-stylekit-scrollbar-thumb-color: #b6ccfe; - --sn-stylekit-scrollbar-track-border-color: #050505; + --sn-stylekit-scrollbar-thumb-color: #3b507d; + --sn-stylekit-scrollbar-track-border-color: #030508; --sn-stylekit-general-border-radius: 2px; @@ -63,7 +63,7 @@ } #blocks-editor hr:after { - background-color: #abc4ff; + background-color: #7f9cf5; } body { diff --git a/packages/com.sncommunity.standard-blue-theme/src/main.scss b/packages/com.sncommunity.standard-blue-theme/src/main.scss index 01a2851..7e3dd47 100644 --- a/packages/com.sncommunity.standard-blue-theme/src/main.scss +++ b/packages/com.sncommunity.standard-blue-theme/src/main.scss @@ -2,65 +2,65 @@ --sn-stylekit-editor-font-family: "Lato", sans-serif; --sn-stylekit-sans-serif-font: "Lato", sans-serif; - --sn-stylekit-neutral-color: #6b97ff; + --sn-stylekit-foreground-color: #0f172a; + --sn-stylekit-paragraph-text-color: #1e293b; + + --sn-stylekit-background-color: #f0f5fa; + --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color); + + --sn-stylekit-secondary-background-color: #e2e8f0; + --sn-stylekit-secondary-foreground-color: #0f172a; + + --sn-stylekit-border-color: #cbd5e1; + --sn-stylekit-secondary-border-color: #cbd5e1; + + --sn-stylekit-neutral-color: #3b82f6; --sn-stylekit-neutral-contrast-color: white; - --sn-stylekit-info-color-darkened: #050505; - --sn-stylekit-info-color: #4279ff; + --sn-stylekit-info-color: #2563eb; --sn-stylekit-info-contrast-color: white; + --sn-stylekit-info-color-darkened: #1e40af; --sn-stylekit-success-color: #3965ca; --sn-stylekit-success-contrast-color: white; - --sn-stylekit-warning-color: #f6a200; + --sn-stylekit-warning-color: #ea580c; --sn-stylekit-warning-contrast-color: white; - --sn-stylekit-danger-color: #f80324; + --sn-stylekit-danger-color: #dc2626; --sn-stylekit-danger-contrast-color: white; - --sn-stylekit-shadow-color: #d7e3fc; - --sn-stylekit-background-color: #edf2fb; - --sn-stylekit-border-color: #abc4ff; - --sn-stylekit-foreground-color: black; + --sn-stylekit-shadow-color: #cbd5e1; - --navigation-item-selected-background-color: #edf2fb; - --sn-stylekit-info-backdrop-color: #abc4ff; + --navigation-item-selected-background-color: #bfdbfe; + --preferences-navigation-icon-color: #1e3a8a; - --sn-stylekit-contrast-background-color: #e2eafc; - --sn-stylekit-contrast-foreground-color: #28385c; - --sn-stylekit-contrast-border-color: #abc4ff; + --sn-stylekit-info-backdrop-color: #dbeafe; - --sn-stylekit-secondary-background-color: #dbe8ff; - --sn-stylekit-secondary-foreground-color: #2e2e2e; - --sn-stylekit-secondary-border-color: #abc4ff; + --sn-stylekit-contrast-background-color: #e2e8f0; + --sn-stylekit-contrast-foreground-color: #0f172a; + --sn-stylekit-contrast-border-color: #94a3b8; - --sn-stylekit-secondary-contrast-background-color: #e3e3e3; - --sn-stylekit-secondary-contrast-foreground-color: #2e2e2e; - --sn-styleki--secondary-contrast-border-color: #abc4ff; + --sn-stylekit-secondary-contrast-background-color: #f1f5f9; + --sn-stylekit-secondary-contrast-foreground-color: #0f172a; + --sn-stylekit-secondary-contrast-border-color: #cbd5e1; - --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color); - --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color); + --sn-stylekit-input-border-color: #94a3b8; + + --sn-stylekit-scrollbar-thumb-color: #93c5fd; + --sn-stylekit-scrollbar-track-border-color: #f0f5fa; --sn-stylekit-passive-color-0: var(--sn-stylekit-neutral-color); --sn-stylekit-passive-color-3: var(--sn-stylekit-contrast-border-color); --sn-stylekit-passive-color-4: var(--sn-stylekit-secondary-background-color); - --sn-stylekit-passive-color-4-opacity-variant: #c2d4ff; + --sn-stylekit-passive-color-4-opacity-variant: #bfdbfe; --sn-stylekit-passive-color-5: var(--sn-stylekit-secondary-background-color); - --sn-stylekit-paragraph-text-color: #454545; - - --preferences-navigation-icon-color: #050505; - - --sn-stylekit-input-border-color: #212632; - - --sn-stylekit-scrollbar-thumb-color: #b6ccfe; - --sn-stylekit-scrollbar-track-border-color: #d7e3fc; - --sn-stylekit-general-border-radius: 2px; --sn-stylekit-theme-type: light; } #blocks-editor hr:after { - background-color: #abc4ff; + background-color: #3b82f6; }