Add new theme: Solarized Dark+

README.md

@@ -80,6 +80,9 @@ Select Vibrancy theme:
 * Default Light
 * Light (Only Subbar)
 * Noir et blanc
+* Tokyo Night Storm
+* Tokyo Night Storm (Outer)
+* Solarized Dark+
 
 | Theme | Screenshot |
 | ---- | ---- |
@@ -88,6 +91,7 @@ Select Vibrancy theme:
 | Noir et blanc | ![](./theme-noir-et-blanc.jpg) |
 | Tokyo Night Storm | ![](./theme-tokyo-night-storm.png) |
 | Tokyo Night Storm (Only Subbar) | ![](./theme-tokyo-night-storm-outer.png) |
+| Solarized Dark+ (with theme: [Solarized](https://marketplace.visualstudio.com/items?itemName=ryanolsonx.solarized)) | ![](./theme-solarized-dark%2B.png)
 
 > You can contribute more themes! [see here](https://github.com/illixion/vscode-vibrancy-continued/tree/master/themes).
 

extension/index.js

@@ -23,6 +23,7 @@ var themeStylePaths = {
 	'Tokyo Night Storm': '../themes/Tokyo Night Storm.css',
 	'Tokyo Night Storm (Outer)': '../themes/Tokyo Night Storm (Outer).css',
 	'Noir et blanc': '../themes/Noir et blanc.css',
+	'Solarized Dark+': '../themes/Solarized Dark+.css',
 }
 
 const themeConfigPaths = {
@@ -34,6 +35,7 @@ const themeConfigPaths = {
 	'Tokyo Night Storm': '../themes/Tokyo Night Storm.json',
 	'Tokyo Night Storm (Outer)': '../themes/Tokyo Night Storm (Outer).json',
 	'Noir et blanc': '../themes/Noir et blanc.json',
+	'Solarized Dark+': '../themes/Solarized Dark+.json',
 }
 
 var defaultTheme = 'Default Dark';

package.json

@@ -103,7 +103,8 @@
             "Tokyo Night Storm",
             "Tokyo Night Storm (Outer)",
             "Noir et blanc",
-            "Dark (Exclude Tab Line)"
+            "Dark (Exclude Tab Line)",
+            "Solarized Dark+"
           ]
         },
         "vscode_vibrancy.imports": {

themes/Solarized Dark+.css

@@ -0,0 +1,101 @@
+.scroll-decoration {
+  box-shadow: none !important;
+}
+
+.minimap, .editor-scrollable>.decorationsOverviewRuler {
+  opacity: 0.6;
+}
+
+.editor-container {
+  background: transparent !important;
+}
+
+.search-view .search-widget .input-box, .search-view .search-widget .input-box .monaco-inputbox,
+.monaco-workbench .part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab,
+.monaco-editor-background,
+.monaco-workbench .part>.content,
+.monaco-workbench .editor>.content>.one-editor-silo.editor-one,
+.monaco-workbench .part.editor>.content>.one-editor-silo>.container>.title,
+.monaco-workbench .part>.title,
+.monaco-workbench,
+.monaco-workbench .part,
+body {
+  background: transparent !important;
+}
+
+.editor-group-container>.tabs {
+  background-color: transparent !important;
+}
+
+.editor-group-container>.tabs .tab {
+  background-color: transparent !important;
+}
+
+.editor-group-container>.tabs .tab.active, .editor-group-container>.tabs .monaco-breadcrumbs {
+  background-color: rgba(0, 43, 54, 0.3) !important;
+}
+
+.monaco-list.settings-toc-tree .monaco-list-row.focused {
+  outline-color: rgb(0, 43, 54, 0.6) !important;
+}
+
+.monaco-list.settings-toc-tree .monaco-list-row.selected,
+.monaco-list.settings-toc-tree .monaco-list-row.focused,
+.monaco-list .monaco-list-row.selected,
+.monaco-list.settings-toc-tree:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
+  background-color: rgb(0, 43, 54, 0.6) !important;
+}
+
+.monaco-list.settings-editor-tree .monaco-list-row {
+  background-color: transparent !important;
+  outline-color: transparent !important;
+}
+
+.monaco-inputbox {
+  background-color: rgba(41, 41, 41,0.2) !important;
+}
+
+.monaco-editor .selected-text {
+  background-color: rgba(0, 90, 111, 0.6) !important;
+}
+
+.monaco-editor .focused .selected-text {
+  background-color: rgba(0, 90, 111, 0.3) !important;
+}
+
+.monaco-editor .view-overlays .current-line {
+  border-color: rgba(7, 54, 66,0.2) !important;
+}
+
+.extension-editor,
+.monaco-workbench .part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab.active,
+.preferences-editor>.preferences-header,
+.preferences-editor>.preferences-editors-container.side-by-side-preferences-editor .preferences-header-container,
+.monaco-editor, .monaco-editor .inputarea.ime-input,
+.monaco-list .monaco-list-rows {
+  background: transparent !important;
+}
+
+
+.monaco-workbench .part.sidebar {
+  background-color: rgba(0, 33, 43, 0.3) !important;
+}
+
+
+.editor-group-container>.tabs .tab {
+  border: none !important;
+}
+
+.terminal-outer-container,
+.xterm-viewport,
+.xterm-rows {
+  background-color: transparent !important;
+}
+
+.monaco-workbench.fullscreen {
+	background-color: #002b36 !important;
+}
+
+.monaco-editor .margin {
+  background-color: rgba(0, 53, 69, 0.3) !important;
+}

themes/Solarized Dark+.json

@@ -0,0 +1,12 @@
+{
+  "type": {
+    "win10": "acrylic",
+    "macos": "ultra-dark"
+  },
+  "background": "003442",
+  "opacity": {
+    "win10": 0.3,
+    "macos": 0.3
+  },
+  "colorTheme": "Solarized Dark+"
+}