custom-vscode-config/custom-vscode.css at main · Godswill-Azubike/custom-vscode-config · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
/* custom background noise */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 60;
  pointer-events: none !important;
  opacity: 0.3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4.5' numOctaves='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 150px 150px;
  mix-blend-mode: multiply;
}

/* Code comment style */
.mtk3 {
  font-family: "Zed Mono", monospace !important;
}

/* Code canvas top shadow */
.monaco-editor .scroll-decoration {
  box-shadow: none !important;
  top: -6px !important;
}

/* File Explorer Item Label */
.monaco-tree .monaco-tree-row .label-name,
.monaco-list .monaco-list-row .monaco-icon-label .label-name {
  font-size: 12px !important;
  font-weight: 200 !important;
}

/* Sidebar top shadow */
.monaco-scrollable-element > .shadow.top {
  box-shadow: none !important;
  top: -3px !important;
}

.codicon-toolbar-more,
.codicon-word-wrap {
  display: block !important;
}

/* Command Palette */
.quick-input-widget {
  top: 20% !important;
  padding: 10px 10px 18px 10px !important;
}

/* Change cursor width and border-radius */
.monaco-editor .cursor {
  width: 4px !important;
  border-radius: 10px;
}

/* Command palette text input */
.quick-input-filter .monaco-inputbox {
  border-radius: 8px !important;
  padding: 8px !important;
  border: none !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

/* Command palette backdrop - UPDATED with minimap blur */
#command-blur {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  top: 0;
  left: 0;
  backdrop-filter: blur(5px);
  z-index: 999; /* Ensure it's above everything except command palette */
}

/* Force minimap to be blurred when command palette is open */
#command-blur ~ .monaco-workbench .minimap,
.monaco-workbench .minimap {
  position: relative;
  z-index: 1; /* Keep minimap below the blur backdrop */
}

/* Alternative: Directly blur the minimap when command palette is active */
.quick-input-widget:not([style*="display: none"]) ~ * .minimap {
  filter: blur(5px);
  opacity: 0.6;
}

/* Command palette's input box placeholder */
.monaco-inputbox input::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}