Skip to content

Commit 4f962ad

Browse files
Add theme keys for new notification center UI
VS Code 1.21 (1) (February 2018) introduced new theme keys for the new notifications UI (2). References: (1) https://code.visualstudio.com/updates/v1_21 (2) https://code.visualstudio.com/updates/v1_21#_new-notifications-ui GH-78
1 parent d5a6f7e commit 4f962ad

3 files changed

Lines changed: 18 additions & 4 deletions

File tree

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,8 @@ Fully supported [Workbench](https://code.visualstudio.com/docs/getstarted/theme-
112112

113113
<p align="center"><strong>Notifications</strong><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-visual-studio-code/develop/assets/scrot-feature-ui-notification.png"/></p>
114114

115+
<p align="center"><strong>Notification Center (supported as of VS Code version 1.21 or higher)</strong><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-visual-studio-code/develop/assets/scrcast-feature-notification-center.gif"/></p>
116+
115117
<p align="center"><strong>Badges</strong><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-visual-studio-code/develop/assets/scrot-feature-ui-badges.png"/></p>
116118

117119
<p align="center"><strong>Side Bar Views (Debug)</strong><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-visual-studio-code/develop/assets/scrot-feature-ui-side-bar-debug.png"/></p>
330 KB
Loading

themes/nord.json

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -129,17 +129,29 @@
129129
"merge.incomingHeaderBackground": "#8fbcbb66",
130130
"merge.incomingContentBackground": "#8fbcbb4d",
131131
"merge.border": "#3b425200",
132+
133+
/* `notification.*` keys are legacy support for VS Code versions >1.21.0 */
132134
"notification.background": "#3b4252",
133-
"notification.foreground": "#d8dee9",
134135
"notification.buttonBackground": "#434c5e",
135-
"notification.buttonHoverBackground": "#4c566a",
136136
"notification.buttonForeground": "#d8dee9",
137+
"notification.buttonHoverBackground": "#4c566a",
138+
"notification.errorBackground": "#bf616a",
139+
"notification.errorForeground": "#2e3440",
140+
"notification.foreground": "#d8dee9",
137141
"notification.infoBackground": "#88c0d0",
138142
"notification.infoForeground": "#2e3440",
139143
"notification.warningBackground": "#ebcb8b",
140144
"notification.warningForeground": "#2e3440",
141-
"notification.errorBackground": "#bf616a",
142-
"notification.errorForeground": "#2e3440",
145+
146+
"notificationCenter.border": "#3b425200",
147+
"notificationCenterHeader.background": "#2e3440",
148+
"notificationCenterHeader.foreground": "#88c0d0",
149+
"notificationLink.foreground": "#88c0d0",
150+
"notifications.background": "#3b4252",
151+
"notifications.border": "#2e3440",
152+
"notifications.foreground": "#d8dee9",
153+
"notificationToast.border": "#3b425200",
154+
143155
"panel.background": "#2e3440",
144156
"panel.border": "#3b4252",
145157
"panelTitle.activeBorder": "#88c0d000",

0 commit comments

Comments
 (0)