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

fix(theme): env sidebar darkmode color [EE-4188] (#7638)

Browse source 
* fix(theme): env sidebar darkmode color [EE-4188]

* style usericon

* further dark mode changes
This commit is contained in:
itsconquest 2022-09-09 12:47:06 +12:00 • committed by GitHub
parent 160e210ffe
commit d95a67a567
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 48 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/react/sidebar/EnvironmentSidebar.tsx
View file

@ -16,6 +16,7 @@ import { EndpointProvider } from '@/portainer/services/types';
import { getPlatformIcon } from '../portainer/environments/utils/get-platform-icon';
import styles from './EnvironmentSidebar.module.css';
import { AzureSidebar } from './AzureSidebar';
import { DockerSidebar } from './DockerSidebar';
import { KubernetesSidebar } from './KubernetesSidebar';
@ -34,13 +35,7 @@ export function EnvironmentSidebar() {
}
return (
<div
className={clsx(
'rounded border border-dotted py-2',
'bg-blue-11 be:bg-gray-10 th-dark:bg-gray-warm-11',
'border-blue-9 be:border-gray-8 th-dark:border-gray-warm-9'
)}
>
<div className={clsx(styles.root, 'rounded border border-dotted py-2')}>
{environment ? (
<Content environment={environment} onClear={clearEnvironment} />
) : (
@ -157,7 +152,10 @@ function Title({ environment, onClear }: TitleProps) {
title="Clear environment"
type="button"
onClick={onClear}
className="flex items-center justify-center be:bg-gray-9 bg-blue-10 th-dark:bg-gray-warm-10 hover:bg-blue-9 be:hover:bg-gray-7 th-dark:hover:bg-gray-8 transition-colors duration-200 rounded border-0 text-sm h-5 w-5 p-1 ml-auto mr-2 text-gray-5 be:text-gray-6 hover:text-white be:hover:text-white"
className={clsx(
styles.closeBtn,
'flex items-center justify-center transition-colors duration-200 rounded border-0 text-sm h-5 w-5 p-1 ml-auto mr-2 text-gray-5 be:text-gray-6 hover:text-white be:hover:text-white'
)}
>
<X />
</button>