diff --git a/scss/buttons.scss b/scss/buttons.scss index d9d8c87..04f1e58 100644 --- a/scss/buttons.scss +++ b/scss/buttons.scss @@ -163,14 +163,3 @@ outline: transparent; border-color: var(--accent-color); } - -.chat-message-actions .btn, -.dropdown-menu__item .btn, -.fk-d-menu .btn { - background-color: var(--d-content-background); - &:hover { - background-color: var(--d-selected); - box-shadow: none; - color: var(--primary); - } -} diff --git a/scss/chat.scss b/scss/chat.scss index fdd4f86..7245c3d 100644 --- a/scss/chat.scss +++ b/scss/chat.scss @@ -47,3 +47,11 @@ body.has-full-page-chat { .chat-composer__wrapper { background: var(--d-content-background); } + +.chat-message-actions .more-buttons .btn-icon-text { + &:hover { + background-color: var(--d-selected); + box-shadow: none; + color: var(--primary); + } +} diff --git a/scss/color-exploration.scss b/scss/color-exploration.scss index 8ce562b..eae7647 100644 --- a/scss/color-exploration.scss +++ b/scss/color-exploration.scss @@ -23,14 +23,24 @@ ); --primary-100: light-dark(#f2f2f2, #333333); --primary-300: light-dark(#d1d1d1, #838383); - --primary-low: light-dark(#e8e8e8, #414350); + --primary-low: light-dark(#e9e9e9, #313131); + --primary-high: light-dark(#646464, #a6a6a6); + --primary-very-high: light-dark(#434343, #c7c7c7); --d-hover: oklch(from var(--d-selected) l c h / 0.75); + --tertiary: var(--accent-color); + --tertiary-medium: light-dark( + oklch(from var(--accent-color) calc(l * 1.25) calc(c * 0.25) h), + oklch(from var(--accent-color) calc(l * 0.75) calc(c * 0.25) h) + ); + --tertiary-very-low: light-dark( + oklch(from var(--accent-color) calc(l * 1.75) calc(c * 0.25) h), + oklch(from var(--accent-color) calc(l * 0.5) calc(c * 0.25) h) + ); --tertiary-med-or-tertiary: var(--accent-color); --tertiary-low: light-dark( oklch(from var(--accent-color) calc(l * 1.6) calc(c * 0.25) h), oklch(from var(--accent-color) calc(l * 0.6) calc(c * 0.25) h) ); - --tertiary: var(--accent-color); --d-sidebar-highlight-hover-icon: var(--d-sidebar-link-color); --search-color: light-dark( oklch(from var(--accent-color) calc(l * 0.65) calc(c * 0.65) h), @@ -61,7 +71,7 @@ oklch(from var(--accent-color) calc(l * 1.25) calc(c * 0.25) h), oklch(from var(--accent-color) calc(l * 0.25) calc(c * 0.25) h) ); - --accent-text-color: light-dark(#ffffff, #0f1024); + --accent-text-color: light-dark(#ffffff, #212121); --d-nav-color--active: var(--accent-color); --d-sidebar-background: var(--background-color); --d-sidebar-footer-fade: rgba(var(--tertiary-50-rgb), 1); @@ -86,6 +96,10 @@ oklch(from var(--accent-base-color) calc(l * 1.5) calc(c * 2.25) h) ); --d-sidebar-prefix-background: var(--d-selected); + --d-sidebar-active-prefix-background: light-dark( + oklch(from var(--d-selected) calc(l * 0.85) c h), + oklch(from var(--d-selected) calc(l * 0.7) c h) + ); --d-sidebar-highlight-prefix-background: light-dark( oklch(from var(--d-selected) calc(l * 0.85) c h), oklch(from var(--d-selected) calc(l * 0.7) c h)