Skip to content

Commit

Permalink
feat: add gradient modern dark
Browse files Browse the repository at this point in the history
  • Loading branch information
shaobeichen committed Sep 26, 2024
1 parent 3a6ba08 commit 5a427f3
Show file tree
Hide file tree
Showing 7 changed files with 879 additions and 1 deletion.
64 changes: 64 additions & 0 deletions dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -206,3 +206,67 @@
font-weight: 700;
}
</style>

<style data-gradient-theme-id>
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json { /* git 待提交数量徽章样式 */
/* 选中标签栏上边框 */
/* html标签属性 */
/* html标签 */
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
background-image: linear-gradient(45deg, #0078d4, #71c1ff);
border-width: 0 !important;
color: rgb(70, 70, 70) !important;
}
@keyframes tabBorderTopMoveGradient {
from {
background-position: 0%;
}
to {
background-position: 100%;
}
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json .tab.tab-actions-right.sizing-fit.has-icon.tab-border-top.active {
--tab-border-top-color: transparent !important;
position: relative;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json .tab.tab-actions-right.sizing-fit.has-icon.tab-border-top.active:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 1;
background-image: linear-gradient(to right, #eacd61, #ea618e, #3cec85, #61afea);
animation: tabBorderTopMoveGradient 3s infinite alternate;
background-size: 200%;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json :not(.cursor).mtk6 {
color: #569cd6;
background-image: linear-gradient(45deg, #0975ce, #90ccff);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-weight: 700;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json :not(.cursor).mtk10 {
color: #9cdcfe;
background-image: linear-gradient(45deg, #15dbe2, #efefef);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-weight: 700;
font-style: italic;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json :not(.cursor).mtk12 {
color: #f0b34f;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json :not(.cursor).mtk18 {
color: #ef98e8;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json :not(.cursor).mtk9 {
color: #f67b7b;
}
.shaobeichen-gradient-theme-themes-gradient-modern-dark-dark-modern-json :not(.cursor).mtk16 {
color: #f5f572;
}
</style>
7 changes: 6 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,11 @@
"label": "Gradient Monokai Pro",
"uiTheme": "vs-dark",
"path": "./themes/gradient-monokai-pro.json"
},
{
"label": "Gradient Modern Dark",
"uiTheme": "vs-dark",
"path": "./themes/gradient-modern-dark/dark-modern.json"
}
],
"commands": [
Expand Down Expand Up @@ -81,4 +86,4 @@
"vsce": {
"dependencies": false
}
}
}
1 change: 1 addition & 0 deletions scripts/build.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ const config = {
'gradient-dracula-theme',
'gradient-monokai-pro-classic',
'gradient-monokai-pro',
'gradient-modern-dark-dark-modern',
],
classTemplate: 'shaobeichen-gradient-theme-themes-${themeName}-json',
tagAttr: 'data-gradient-theme-id',
Expand Down
68 changes: 68 additions & 0 deletions src/gradient-modern-dark-dark-modern/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
/* git 待提交数量徽章样式 */
.activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
background-image: linear-gradient(45deg, #0078d4, #71c1ff);
border-width: 0 !important;
color: rgb(70 70 70) !important;
font-weight: 700;
}

/* 选中标签栏上边框 */
@keyframes tabBorderTopMoveGradient {
from {
background-position: 0%;
}
to {
background-position: 100%;
}
}
.tab.tab-actions-right.sizing-fit.has-icon.tab-border-top.active {
--tab-border-top-color: transparent !important;
position: relative;
}
.tab.tab-actions-right.sizing-fit.has-icon.tab-border-top.active:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 1;
background-image: linear-gradient(to right, #eacd61, #ea618e, #3cec85, #61afea);
animation: tabBorderTopMoveGradient 3s infinite alternate;
background-size: 200%;
}

/* html标签属性 */
:not(.cursor).mtk6 {
color: #569cd6;
background-image: linear-gradient(45deg, #0975ce, #90ccff);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-weight: 700;
}

/* html标签 */
:not(.cursor).mtk10 {
color: #9cdcfe;
background-image: linear-gradient(45deg, #15dbe2, #efefef);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-weight: 700;
font-style: italic;
}

:not(.cursor).mtk12 {
color: #f0b34f;
}

:not(.cursor).mtk18 {
color: #ef98e8;
}

:not(.cursor).mtk9 {
color: #f67b7b;
}

:not(.cursor).mtk16 {
color: #f5f572;
}
128 changes: 128 additions & 0 deletions themes/gradient-modern-dark/dark-modern.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
{
"$schema": "vscode://schemas/color-theme",
"name": "Default Dark Modern",
"include": "./dark-plus.json",
"colors": {
"activityBar.activeBorder": "#0078D4",
"activityBar.background": "#181818",
"activityBar.border": "#2B2B2B",
"activityBar.foreground": "#D7D7D7",
"activityBar.inactiveForeground": "#868686",
"activityBarBadge.background": "#0078D4",
"activityBarBadge.foreground": "#FFFFFF",
"badge.background": "#616161",
"badge.foreground": "#F8F8F8",
"button.background": "#0078D4",
"button.border": "#FFFFFF12",
"button.foreground": "#FFFFFF",
"button.hoverBackground": "#026EC1",
"button.secondaryBackground": "#313131",
"button.secondaryForeground": "#CCCCCC",
"button.secondaryHoverBackground": "#3C3C3C",
"chat.slashCommandBackground": "#34414B",
"chat.slashCommandForeground": "#40A6FF",
"checkbox.background": "#313131",
"checkbox.border": "#3C3C3C",
"debugToolBar.background": "#181818",
"descriptionForeground": "#9D9D9D",
"dropdown.background": "#313131",
"dropdown.border": "#3C3C3C",
"dropdown.foreground": "#CCCCCC",
"dropdown.listBackground": "#1F1F1F",
"editor.background": "#1F1F1F",
"editor.findMatchBackground": "#9E6A03",
"editor.foreground": "#CCCCCC",
"editorGroup.border": "#FFFFFF17",
"editorGroupHeader.tabsBackground": "#181818",
"editorGroupHeader.tabsBorder": "#2B2B2B",
"editorGutter.addedBackground": "#2EA043",
"editorGutter.deletedBackground": "#F85149",
"editorGutter.modifiedBackground": "#0078D4",
"editorLineNumber.activeForeground": "#CCCCCC",
"editorLineNumber.foreground": "#6E7681",
"editorOverviewRuler.border": "#010409",
"editorWidget.background": "#202020",
"errorForeground": "#F85149",
"focusBorder": "#0078D4",
"foreground": "#CCCCCC",
"icon.foreground": "#CCCCCC",
"input.background": "#313131",
"input.border": "#3C3C3C",
"input.foreground": "#CCCCCC",
"input.placeholderForeground": "#989898",
"inputOption.activeBackground": "#2489DB82",
"inputOption.activeBorder": "#2488DB",
"keybindingLabel.foreground": "#CCCCCC",
"menu.background": "#1F1F1F",
"notificationCenterHeader.background": "#1F1F1F",
"notificationCenterHeader.foreground": "#CCCCCC",
"notifications.background": "#1F1F1F",
"notifications.border": "#2B2B2B",
"notifications.foreground": "#CCCCCC",
"panel.background": "#181818",
"panel.border": "#2B2B2B",
"panelInput.border": "#2B2B2B",
"panelTitle.activeBorder": "#0078D4",
"panelTitle.activeForeground": "#CCCCCC",
"panelTitle.inactiveForeground": "#9D9D9D",
"peekViewEditor.background": "#1F1F1F",
"peekViewEditor.matchHighlightBackground": "#BB800966",
"peekViewResult.background": "#1F1F1F",
"peekViewResult.matchHighlightBackground": "#BB800966",
"pickerGroup.border": "#3C3C3C",
"progressBar.background": "#0078D4",
"quickInput.background": "#222222",
"quickInput.foreground": "#CCCCCC",
"settings.dropdownBackground": "#313131",
"settings.dropdownBorder": "#3C3C3C",
"settings.headerForeground": "#FFFFFF",
"settings.modifiedItemIndicator": "#BB800966",
"sideBar.background": "#181818",
"sideBar.border": "#2B2B2B",
"sideBar.foreground": "#CCCCCC",
"sideBarSectionHeader.background": "#181818",
"sideBarSectionHeader.border": "#2B2B2B",
"sideBarSectionHeader.foreground": "#CCCCCC",
"sideBarTitle.foreground": "#CCCCCC",
"statusBar.background": "#181818",
"statusBar.border": "#2B2B2B",
"statusBar.debuggingBackground": "#0078D4",
"statusBar.debuggingForeground": "#FFFFFF",
"statusBar.focusBorder": "#0078D4",
"statusBar.foreground": "#CCCCCC",
"statusBar.noFolderBackground": "#1F1F1F",
"statusBarItem.focusBorder": "#0078D4",
"statusBarItem.prominentBackground": "#6E768166",
"statusBarItem.remoteBackground": "#0078D4",
"statusBarItem.remoteForeground": "#FFFFFF",
"tab.activeBackground": "#1F1F1F",
"tab.activeBorder": "#1F1F1F",
"tab.activeBorderTop": "#0078D4",
"tab.activeForeground": "#FFFFFF",
"tab.border": "#2B2B2B",
"tab.hoverBackground": "#1F1F1F",
"tab.inactiveBackground": "#181818",
"tab.inactiveForeground": "#9D9D9D",
"tab.unfocusedActiveBorder": "#1F1F1F",
"tab.unfocusedActiveBorderTop": "#2B2B2B",
"tab.unfocusedHoverBackground": "#1F1F1F",
"terminal.foreground": "#CCCCCC",
"terminal.tab.activeBorder": "#0078D4",
"textBlockQuote.background": "#2B2B2B",
"textBlockQuote.border": "#616161",
"textCodeBlock.background": "#2B2B2B",
"textLink.activeForeground": "#4daafc",
"textLink.foreground": "#4daafc",
"textPreformat.foreground": "#D0D0D0",
"textPreformat.background": "#3C3C3C",
"textSeparator.foreground": "#21262D",
"titleBar.activeBackground": "#181818",
"titleBar.activeForeground": "#CCCCCC",
"titleBar.border": "#2B2B2B",
"titleBar.inactiveBackground": "#1F1F1F",
"titleBar.inactiveForeground": "#9D9D9D",
"welcomePage.tileBackground": "#2B2B2B",
"welcomePage.progress.foreground": "#0078D4",
"widget.border": "#313131"
}
}
Loading

0 comments on commit 5a427f3

Please sign in to comment.