Added new color variables for warning alert (as in scm widget)

so one is not forced to use 'inputValidation.warningBackground' as foreground and 'editorWarning.foreground' as background and can overwrite the vars for the warning field now without changing colors for completely different elements. Signed-off-by: Jan Bicker <jan.bicker@typefox.io>
eclipse-theia · Jan 15, 2020 · 183ba3e · 183ba3e
1 parent 3acbec2
commit 183ba3e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/packages/core/src/browser/common-frontend-contribution.ts b/packages/core/src/browser/common-frontend-contribution.ts
@@ -1541,6 +1541,22 @@ export class CommonFrontendContribution implements FrontendApplicationContributi
                     hc: 'editorGutter.addedBackground'
                 }, description: 'Background color of success widgets (like alerts or notifications).'
             },
+            {
+                id: 'warningBackground',
+                defaults: {
+                    dark: 'editorWarning.foreground',
+                    light: 'editorWarning.foreground',
+                    hc: 'editorWarning.border'
+                }, description: 'Background color of warning widgets (like alerts or notifications).'
+            },
+            {
+                id: 'warningForeground',
+                defaults: {
+                    dark: 'inputValidation.warningBackground',
+                    light: 'inputValidation.warningBackground',
+                    hc: 'inputValidation.warningBackground'
+                }, description: 'Foreground color of warning widgets (like alerts or notifications).'
+            },
             // Statusbar
             {
                 id: 'statusBar.offlineBackground',

diff --git a/packages/core/src/browser/style/alert-messages.css b/packages/core/src/browser/style/alert-messages.css
@@ -33,8 +33,8 @@
 
 /* warning message */
 .theia-warning-alert {
-    background-color: var(--theia-editorWarning-foreground);
-    color: var(--theia-inputValidation-warningBackground);
+    background-color: var(--theia-warningBackground);
+    color: var(--theia-warningForeground);
     padding: 10px;
 }