diff --git a/public/colors.css b/public/colors.css index 4538704cb..683e431ef 100644 --- a/public/colors.css +++ b/public/colors.css @@ -1,46 +1,51 @@ :root { - --color-background-default: #f5f5ff; - --color-background-float: #fafaff; - --color-background-dip: #ebebff; - --color-foreground-contrast: #14151a; + --color-background-default: #fafaff; + --color-background-float: #ffffff; + --color-background-dip: #f5f5ff; + --color-foreground-contrast: #232563; --color-foreground-dim: #70718f; --color-foreground-emphasized: #7070ff; --color-foreground-emphasized-hover: #8585ff; - --color-foreground-match-background: #f5f5ff; + --color-foreground-match-background: #fafaff; --color-foreground-white: #ffffff; --color-foreground-black: #000000; --color-foreground-primary: #ff55ff; + --color-foreground-primary-hover: #ff80ff; --color-foreground-success: #4fa877; --color-foreground-red: #aa5078; - --color-foreground-yellow: #e5c001; --color-foreground-gray: #9494b8; + --color-foreground-yellow: #e5c001; --color-foreground-disabled: #b2b2cc; --color-border-hint: #e5e5ff; + --color-border-default: #e5e5ff; --color-border-focus: #7070ff; --color-border-contrast: #24252d; - --color-border-default: #b8b8ff; --color-border-error: #aa5078; --color-border-merged: #ffe5ff; - --color-border-match-background: #f5f5ff; + --color-border-match-background: #fafaff; + --color-border-primary: #ff1aff; + --color-border-primary-hover: #ff55ff; + --color-border-selected: #e5e5ff; --color-fill-secondary: #7070ff; --color-fill-secondary-hover: #8585ff; - --color-fill-ghost: #e5e5ff; + --color-fill-ghost: #ebebff; --color-fill-ghost-hover: #ebebff; --color-fill-separator: #eaeaf1; --color-fill-primary: #ff70ff; - --color-fill-success: #4fa877; - --color-fill-yellow: #ffe609; - --color-fill-danger: #be7495; - --color-fill-gray: #9494b8; --color-fill-primary-hover: #ff80ff; - --color-fill-diff-green: #badeca; - --color-fill-diff-green-light: #dcefe5; + --color-fill-danger: #be7495; + --color-fill-yellow: #ffe609; + --color-fill-yellow-iconic: #ffff55; + --color-fill-gray: #9494b8; --color-fill-diff-red: #efdce4; --color-fill-diff-red-light: #f7eef2; - --color-fill-float: #fafaff; + --color-fill-success: #4fa877; + --color-fill-diff-green: #badeca; + --color-fill-diff-green-light: #dcefe5; + --color-fill-float: #ffffff; --color-fill-float-hover: #ffffff; --color-fill-merged: #ffeeff; - --color-fill-yellow-iconic: #ffff55; + --color-fill-selected: #ebebff; } :root[data-theme="dark"] { @@ -55,40 +60,40 @@ --color-foreground-white: #ffffff; --color-foreground-black: #000000; --color-foreground-primary: #ff55ff; + --color-foreground-primary-hover: #ff80ff; --color-foreground-success: #4fa877; --color-foreground-red: #aa5078; --color-foreground-gray: #9494b8; --color-foreground-yellow: #e5c001; --color-foreground-disabled: #494a5a; - --color-foreground-primary-hover: #ff80ff; --color-border-hint: #24252d; + --color-border-default: #2e2f38; --color-border-focus: #7070ff; --color-border-contrast: #ebebff; - --color-border-default: #2e2f38; --color-border-error: #aa5078; - --color-border-merged: #3d003d; + --color-border-merged: #6b006b; --color-border-match-background: #0a0d10; --color-border-primary: #ff1aff; - --color-border-primary-hover: #ff80ff; - --color-border-selected: #1d1daf; + --color-border-primary-hover: #ff55ff; + --color-border-selected: #232563; --color-fill-secondary: #7070ff; --color-fill-secondary-hover: #8585ff; --color-fill-ghost: #24252d; --color-fill-ghost-hover: #2e2f38; --color-fill-separator: #24252d; --color-fill-primary: #ff55ff; - --color-fill-success: #4fa877; + --color-fill-primary-hover: #ff80ff; --color-fill-danger: #6b2b42; --color-fill-yellow: #ffe609; + --color-fill-yellow-iconic: #ffff55; --color-fill-gray: #9494b8; - --color-fill-primary-hover: #ff80ff; --color-fill-diff-red: #4d1929; --color-fill-diff-red-light: #2d060d; + --color-fill-success: #4fa877; --color-fill-diff-green: #183425; --color-fill-diff-green-light: #142a1d; --color-fill-float: #14151a; --color-fill-float-hover: #1b1c22; --color-fill-merged: #1a001a; - --color-fill-selected: #07072c; - --color-fill-yellow-iconic: #ffff55; + --color-fill-selected: #070814; }