diff --git a/README.md b/README.md index 1c40ee2..807e2a8 100644 --- a/README.md +++ b/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). diff --git a/extension/index.js b/extension/index.js index 193ad52..a20a5c1 100644 --- a/extension/index.js +++ b/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'; diff --git a/package.json b/package.json index 6945d73..d9edb12 100644 --- a/package.json +++ b/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": { diff --git a/theme-solarized-dark+.jpg b/theme-solarized-dark+.jpg new file mode 100644 index 0000000..4b4793f Binary files /dev/null and b/theme-solarized-dark+.jpg differ diff --git a/theme-solarized-dark+.png b/theme-solarized-dark+.png new file mode 100644 index 0000000..4b4793f Binary files /dev/null and b/theme-solarized-dark+.png differ diff --git a/themes/Solarized Dark+.css b/themes/Solarized Dark+.css new file mode 100644 index 0000000..06fe187 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/themes/Solarized Dark+.json b/themes/Solarized Dark+.json new file mode 100644 index 0000000..20baf57 --- /dev/null +++ b/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+" +} \ No newline at end of file