From b8fb50e0660c1995d1ae0201fbbb17813fd895af Mon Sep 17 00:00:00 2001 From: Jonathan Ogilvie <679297+jcogilvie@users.noreply.github.com> Date: Tue, 12 Mar 2024 18:52:22 -0400 Subject: [PATCH] Attempt to support dark mode (#2) Signed-off-by: Jonathan Ogilvie --- .gitignore | 1 + ui/src/dark.css | 7 +++++++ ui/src/index.tsx | 1 + 3 files changed, 9 insertions(+) create mode 100644 .gitignore create mode 100644 ui/src/dark.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..485dee6 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea diff --git a/ui/src/dark.css b/ui/src/dark.css new file mode 100644 index 0000000..93e21fb --- /dev/null +++ b/ui/src/dark.css @@ -0,0 +1,7 @@ +.theme-dark .revision { + background: #999999; +} + +.theme-dark .info { + background-color: #555555; +} \ No newline at end of file diff --git a/ui/src/index.tsx b/ui/src/index.tsx index e2b16eb..e6834bb 100644 --- a/ui/src/index.tsx +++ b/ui/src/index.tsx @@ -3,6 +3,7 @@ import {RolloutWidget} from 'argo-rollouts/ui/src/app/components/rollout/rollout import {ObjectMeta, TypeMeta} from 'argo-rollouts/ui/src/models/kubernetes'; import {RolloutAnalysisRunInfo, RolloutReplicaSetInfo, RolloutRolloutInfo} from 'argo-rollouts/ui/src/models/rollout/generated'; import { default as axios } from 'axios'; +import './dark.css' export type State = TypeMeta & {metadata: ObjectMeta} & { status: any;