From b832643ac7bfc29fae21549279c740e72bd27c9a Mon Sep 17 00:00:00 2001 From: Fatou Mounzeo Date: Wed, 14 Aug 2019 17:54:40 -0700 Subject: [PATCH 1/2] Replace badge Foregrounf by custom color --- package.json | 11 +++++++++++ src/view/styles/Button.css | 2 +- src/view/styles/InputSlider.css | 2 +- src/view/styles/SensorButton.css | 2 +- src/view/styles/ToolBar.css | 2 +- 5 files changed, 15 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index f7a997832..4844dee61 100644 --- a/package.json +++ b/package.json @@ -66,6 +66,17 @@ } } ], + "colors": [ + { + "id": "newBadgeForeground", + "description": "Color that fixes the issue with midnight blue ", + "defaults": { + "dark": "#FFFFFF", + "light": "badge.foreground", + "highContrast": "#FFFFFF" + } + } + ], "menus": { "editor/title": [ { diff --git a/src/view/styles/Button.css b/src/view/styles/Button.css index 0d4569e33..227c7f903 100644 --- a/src/view/styles/Button.css +++ b/src/view/styles/Button.css @@ -5,7 +5,7 @@ } .button-icon { - fill: var(--vscode-badge-foreground); + fill: var(--vscode-newBadgeForeground); } .play-button { diff --git a/src/view/styles/InputSlider.css b/src/view/styles/InputSlider.css index 523e70d77..90746d269 100644 --- a/src/view/styles/InputSlider.css +++ b/src/view/styles/InputSlider.css @@ -19,7 +19,7 @@ margin-top: auto; margin-bottom: auto; margin-left: 5px; - color: var(--badge-foreground); + color: var(--newBadgeForeground); border-radius: 2px; font-size: 16px; font-weight: bold; diff --git a/src/view/styles/SensorButton.css b/src/view/styles/SensorButton.css index c62bfdea4..9d54ce096 100644 --- a/src/view/styles/SensorButton.css +++ b/src/view/styles/SensorButton.css @@ -1,5 +1,5 @@ .sensor-button { - color: var(--vscode-badge-foreground); + color: var(--vscode-newBadgeForeground); text-align: center; background-color: var(--vscode-button-background); width: 320px; diff --git a/src/view/styles/ToolBar.css b/src/view/styles/ToolBar.css index 333d73fe4..fc5b218a4 100644 --- a/src/view/styles/ToolBar.css +++ b/src/view/styles/ToolBar.css @@ -33,7 +33,7 @@ -webkit-appearance: none; font-size: 16px; font-weight: bolder; - color: var(--vscode-badge-foreground); + color: var(--vscode-newBadgeForeground); text-align: left; margin-right: 40px; position: absolute; From 716dae61b33a11857e8cb3abc3193672842aeab1 Mon Sep 17 00:00:00 2001 From: Fatou Mounzeo Date: Thu, 15 Aug 2019 14:17:05 -0700 Subject: [PATCH 2/2] Renamed new color --- package.json | 2 +- src/view/styles/Button.css | 2 +- src/view/styles/InputSlider.css | 2 +- src/view/styles/SensorButton.css | 2 +- src/view/styles/ToolBar.css | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 4844dee61..be8a177aa 100644 --- a/package.json +++ b/package.json @@ -68,7 +68,7 @@ ], "colors": [ { - "id": "newBadgeForeground", + "id": "badgeForegroundOverwrite", "description": "Color that fixes the issue with midnight blue ", "defaults": { "dark": "#FFFFFF", diff --git a/src/view/styles/Button.css b/src/view/styles/Button.css index 227c7f903..a765ecf9a 100644 --- a/src/view/styles/Button.css +++ b/src/view/styles/Button.css @@ -5,7 +5,7 @@ } .button-icon { - fill: var(--vscode-newBadgeForeground); + fill: var(--vscode-badgeForegroundOverwrite); } .play-button { diff --git a/src/view/styles/InputSlider.css b/src/view/styles/InputSlider.css index 90746d269..e06222636 100644 --- a/src/view/styles/InputSlider.css +++ b/src/view/styles/InputSlider.css @@ -19,7 +19,7 @@ margin-top: auto; margin-bottom: auto; margin-left: 5px; - color: var(--newBadgeForeground); + color: var(--badgeForegroundOverwrite); border-radius: 2px; font-size: 16px; font-weight: bold; diff --git a/src/view/styles/SensorButton.css b/src/view/styles/SensorButton.css index 9d54ce096..a8d8da2bf 100644 --- a/src/view/styles/SensorButton.css +++ b/src/view/styles/SensorButton.css @@ -1,5 +1,5 @@ .sensor-button { - color: var(--vscode-newBadgeForeground); + color: var(--vscode-badgeForegroundOverwrite); text-align: center; background-color: var(--vscode-button-background); width: 320px; diff --git a/src/view/styles/ToolBar.css b/src/view/styles/ToolBar.css index fc5b218a4..58ad4c1db 100644 --- a/src/view/styles/ToolBar.css +++ b/src/view/styles/ToolBar.css @@ -33,7 +33,7 @@ -webkit-appearance: none; font-size: 16px; font-weight: bolder; - color: var(--vscode-newBadgeForeground); + color: var(--vscode-badgeForegroundOverwrite); text-align: left; margin-right: 40px; position: absolute;