diff --git a/web_src/css/base.css b/web_src/css/base.css index 47c700e77b..f9b2ca99ba 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -188,7 +188,7 @@ --color-text-light-3: #a0a0a0; --color-box-header: #f7f7f7; --color-box-body: #ffffff; - --color-box-body-highlight: #f8f8f8; + --color-box-body-highlight: #fafafa; --color-footer: #ffffff; --color-timeline: #ececec; --color-input-text: #212121; diff --git a/web_src/css/themes/theme-arc-green.css b/web_src/css/themes/theme-arc-green.css index a34f81d999..6fc3d0874e 100644 --- a/web_src/css/themes/theme-arc-green.css +++ b/web_src/css/themes/theme-arc-green.css @@ -165,36 +165,36 @@ --color-git: #f05133; /* target-based colors */ --color-body: #2e323e; - --color-box-header: #333743; - --color-box-body: #252a36; - --color-box-body-highlight: #303440; + --color-box-header: #303340; + --color-box-body: #222733; + --color-box-body-highlight: #262b36; --color-text-dark: #dbe0ea; --color-text: #cbd0da; --color-text-light: #bbbfca; --color-text-light-1: #aaafb9; --color-text-light-2: #9a9ea9; --color-text-light-3: #8a8e99; - --color-footer: #262b36; + --color-footer: #232834; --color-timeline: #4c525e; --color-input-text: #dfe3ec; - --color-input-background: #262b36; + --color-input-background: #1e252e; --color-input-toggle-background: #454a57; --color-input-border: var(--color-secondary); --color-input-border-hover: var(--color-secondary-dark-1); - --color-header-wrapper: #212531; - --color-header-wrapper-transparent: #21253100; + --color-header-wrapper: #202430; + --color-header-wrapper-transparent: #20243000; --color-light: #00000028; --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-border: #ffffff28; --color-hover: #ffffff19; --color-active: #ffffff24; - --color-menu: #262b36; - --color-card: #262b36; + --color-menu: #1e252e; + --color-card: #1e252e; --color-markup-table-row: #ffffff06; --color-markup-code-block: #ffffff16; - --color-button: #262b36; + --color-button: #1e252e; --color-code-bg: #222733; - --color-code-sidebar-bg: #252a36; + --color-code-sidebar-bg: #232834; --color-shadow: #00000060; --color-secondary-bg: #2a2e3a; --color-text-focus: #fff; @@ -208,8 +208,8 @@ --color-reaction-active-bg: var(--color-primary-light-5); --color-tooltip-text: #ffffff; --color-tooltip-bg: #000000f0; - --color-nav-bg: #2e323e; - --color-nav-hover-bg: #434651; + --color-nav-bg: #232834; + --color-nav-hover-bg: #383c47; --color-label-text: #dfe3ec; --color-label-bg: #7c84974b; --color-label-hover-bg: #7c8497a0;