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

feat(sidebar): add dark theme colors [EE-3666] (#7414)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-08-10 07:12:20 +03:00 • committed by GitHub
parent fb3a31a4fd
commit c3ce4d8b53
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
83 changed files with 1738 additions and 1200 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,7 @@
import { useCurrentStateAndParams, useRouter } from '@uirouter/react';
import { useEffect } from 'react';
import { X, Slash } from 'react-feather';
import clsx from 'clsx';
import {
PlatformType,
@ -31,7 +32,13 @@ export function EnvironmentSidebar() {
}
return (
<div className="rounded border border-dotted py-2 be:bg-gray-10 bg-blue-11 be:border-gray-8 border-blue-9">
<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'
)}
>
{environment ? (
<Content environment={environment} onClear={clearEnvironment} />
) : (
@ -138,7 +145,7 @@ 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 hover:bg-blue-9 be:hover:bg-gray-7 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="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"
>
<X />
</button>