From 6853066a1910dca95c7034b3d04ef1c4a9447015 Mon Sep 17 00:00:00 2001 From: Thomas Nordquist Date: Wed, 3 Apr 2019 06:09:34 +0200 Subject: [PATCH] Add light theme --- app/index.html | 36 ++++---------- app/src/App.tsx | 49 ++++++++----------- app/src/actions/Global.ts | 11 ++--- app/src/actions/Publish.ts | 2 +- app/src/actions/Settings.ts | 3 +- app/src/components/BrokerStatistics.tsx | 3 +- app/src/components/CodeBlockColors.ts | 8 +++ app/src/components/CodeDiff.tsx | 28 ++++++++++- .../components/ConnectionHealthIndicator.tsx | 10 +++- app/src/components/ContentView.tsx | 28 +++++++++++ app/src/components/Sidebar/History.tsx | 11 +++-- .../components/Sidebar/Publish/Publish.tsx | 8 ++- .../Sidebar/ValueRenderer/ValueRenderer.tsx | 5 +- app/src/components/TitleBar.tsx | 6 ++- app/src/components/Tree/TreeNode.tsx | 10 ++-- app/src/index.tsx | 27 +++++++--- app/src/reducers/Settings.ts | 1 + app/src/reducers/index.ts | 13 +++-- 18 files changed, 166 insertions(+), 93 deletions(-) create mode 100644 app/src/components/CodeBlockColors.ts create mode 100644 app/src/components/ContentView.tsx diff --git a/app/index.html b/app/index.html index a4828615..19bc6f76 100644 --- a/app/index.html +++ b/app/index.html @@ -11,13 +11,20 @@ padding: 0; } - @keyframes example { + @keyframes updateDark { 0% {background-color: none;} - 25% {background-color: #3f51b5 ;} + 25% {background-color: #3f51b5;} 50% {background-color: #3f51b5;} 100% {background-color: none;} } + @keyframes updateLight { + 0% {background-color: none; color: inherit} + 25% {background-color: #bfc9c8; color: #000} + 50% {background-color: #bfc9c8; color: #000} + 100% {background-color: none; color: inherit} + } + ::-webkit-scrollbar { width: 8px; height: 8px; @@ -36,30 +43,6 @@ }