small tweaks (#46)
This commit is contained in:
@@ -163,14 +163,3 @@
|
|||||||
outline: transparent;
|
outline: transparent;
|
||||||
border-color: var(--accent-color);
|
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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -47,3 +47,11 @@ body.has-full-page-chat {
|
|||||||
.chat-composer__wrapper {
|
.chat-composer__wrapper {
|
||||||
background: var(--d-content-background);
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -23,14 +23,24 @@
|
|||||||
);
|
);
|
||||||
--primary-100: light-dark(#f2f2f2, #333333);
|
--primary-100: light-dark(#f2f2f2, #333333);
|
||||||
--primary-300: light-dark(#d1d1d1, #838383);
|
--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);
|
--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-med-or-tertiary: var(--accent-color);
|
||||||
--tertiary-low: light-dark(
|
--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 * 1.6) calc(c * 0.25) h),
|
||||||
oklch(from var(--accent-color) calc(l * 0.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);
|
--d-sidebar-highlight-hover-icon: var(--d-sidebar-link-color);
|
||||||
--search-color: light-dark(
|
--search-color: light-dark(
|
||||||
oklch(from var(--accent-color) calc(l * 0.65) calc(c * 0.65) h),
|
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 * 1.25) calc(c * 0.25) h),
|
||||||
oklch(from var(--accent-color) calc(l * 0.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-nav-color--active: var(--accent-color);
|
||||||
--d-sidebar-background: var(--background-color);
|
--d-sidebar-background: var(--background-color);
|
||||||
--d-sidebar-footer-fade: rgba(var(--tertiary-50-rgb), 1);
|
--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)
|
oklch(from var(--accent-base-color) calc(l * 1.5) calc(c * 2.25) h)
|
||||||
);
|
);
|
||||||
--d-sidebar-prefix-background: var(--d-selected);
|
--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(
|
--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.85) c h),
|
||||||
oklch(from var(--d-selected) calc(l * 0.7) c h)
|
oklch(from var(--d-selected) calc(l * 0.7) c h)
|
||||||
|
|||||||
Reference in New Issue
Block a user