Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 20:35:25 +02:00
Code Issues Releases Activity

fix(theme): update dark mode colors [EE-4188] (#7623)

Browse source 
* fix(theme): update dark mode colors [EE-4188]

* fix sidebar hover/selected
This commit is contained in:
itsconquest 2022-09-08 13:49:09 +12:00 • committed by GitHub
parent 13338c46bb
commit 2edff939ef
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 15 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/react/sidebar/Sidebar.module.css
View file

@ -32,6 +32,7 @@
z-index: 999;
transition: all 0.4s ease 0s;
background-color: var(--bg-sidebar-color);
}
.root ul {

8
app/react/sidebar/Sidebar.tsx
View file

@ -29,13 +29,7 @@ export function Sidebar() {
return (
/* in the future (when we remove r2a) this should wrap the whole app - to change root styles */
<SidebarProvider>
<nav
className={clsx(
styles.root,
'p-5 flex flex-col be:bg-gray-11 bg-blue-10 th-dark:bg-gray-warm-10'
)}
aria-label="Main"
>
<nav className={clsx(styles.root, 'p-5 flex flex-col')} aria-label="Main">
<Header logo={LogoURL} />
{/* negative margin + padding -> scrollbar won't hide the content */}

4
app/react/sidebar/SidebarItem/Head.tsx
View file

@ -34,7 +34,7 @@ export function Head({
const { isOpen } = useSidebarState();
const anchorProps = useSrefActive(
to,
'bg-blue-8 be:bg-gray-8 th-dark:bg-gray-9',
'bg-blue-8 be:bg-gray-8 th-dark:bg-gray-true-8',
params,
options,
ignorePaths
@ -48,7 +48,7 @@ export function Head({
anchorProps.className,
'text-inherit no-underline hover:no-underline hover:text-inherit focus:no-underline focus:text-inherit',
'w-full flex-1 rounded-md flex items-center h-8 space-x-4 text-sm',
'hover:bg-blue-9 be:hover:bg-gray-9 transition-colors duration-200',
'hover:bg-blue-9 th-dark:hover:bg-gray-true-9 be:hover:bg-gray-9 transition-colors duration-200',
{
'px-3 justify-start w-full': isOpen,
'justify-center w-8': !isOpen,