nezumi/vscode-custom-css
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/vscode-custom-css.git synced 2026-09-22 05:41:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Init css file

Browse Source
This commit is contained in:
nezumi
2023-09-05 20:47:46 +07:00
commit 9031d88557
1 changed files with 144 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom-vscode.css
+144
View File
@@ -0,0 +1,144 @@
:root {
--gradient-dir1: 45deg;
--gradient-dir2: 90deg;
--gradient-dir3: -45deg;
}
.mtk10,
.mtk15 {
color: transparent;
background-image: linear-gradient(to left top, #fc6c8f, #ff2ced, #ffb86c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.mtk5 {
color: transparent;
background-image: linear-gradient(var(--gradient-dir1), #20e3b2, #4dd78a);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.mtk16 {
color: transparent;
background-image: linear-gradient(var(--gradient-dir1), #d66efd, #6a5af9);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.mtk9,
.mtk17 {
color: transparent;
background-image: linear-gradient(to right top, #0072ff, #2cccff);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.mtk18 {
color: transparent;
background-image: linear-gradient(var(--gradient-dir2), #82aaff 50%, #3d6ef7);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-style: normal;
}
.mtk3 {
color: transparent;
background-image: linear-gradient(to right top, #c29ffd, #ffb4dc, #fef0d1);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.mtk7 {
color: transparent;
background-image: linear-gradient(to right bottom, #fc6c8f, #ffb86c);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Other */
.monaco-workbench
.activitybar
> .content
:not(.monaco-menu)
> .monaco-action-bar
.action-item.checked
.active-item-indicator:before {
border: 0;
width: 3px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(to bottom, #fc6c8f, #ff2ced);
}
.monaco-workbench
.part.editor
> .content
.editor-group-container
> .title
.tabs-container
> .tab.active.tab-border-top
> .tab-border-top-container {
background-image: linear-gradient(to left, #fc6c8f, #ff2ced);
height: 3px;
}
.monaco-workbench
.activitybar
> .content
:not(.monaco-menu)
> .monaco-action-bar
.badge
.badge-content {
background-image: linear-gradient(var(--gradient-dir2), #fc6c8f, #ff2ced);
}
.monaco-workbench
.part.editor
> .content
.editor-group-container
> .title
.tabs-container
> .tab.active.tab-border-top
> .tab-border-top-container {
background-size: 400% 400%;
background-image: linear-gradient(
-45deg,
#fc6c8f,
#ff2ced,
#ffb86c,
#2cccff,
#20e3b2,
#ffcc70,
#c850c0,
#4158d0
);
animation: gradient 5s ease alternate infinite;
height: 3px;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.monaco-editor .cursors-layer .cursor {
background: #12c2e9;
background: -webkit-linear-gradient(to top, #c471ed, #12c2e9);
background: linear-gradient(to top, #c471ed, #12c2e9);
}
.monaco-editor .line-numbers.active-line-number {
font-weight: bold;
background: -webkit-linear-gradient(45deg, #4423ff, #00ff95 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}