.vscode/editor.css at main · dm3yb/.vscode · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
/* ------------------------ EDITOR GLOBAL SETTINGS VARIABLES --------------------------- */

/* Define global CSS variables for font size and font family */
:root {
  --font-size: 14px;
  --font-family: "Inconsolata", monospace;
}

/* ------------------------ WIDGET FIND --------------------------- */

/* Apply global font settings to the find input box in the editor */
.monaco-findInput .monaco-inputbox {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* Apply global font settings to the search view query details */
.search-view .query-details.more h4 {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* Apply global font settings to the find widget input in the editor */
.monaco-editor .find-widget .monaco-findInput .input {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* Apply global font settings to the find widget parts in the editor */
.monaco-editor .find-widget > .find-part {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* ------------------------ LIST TEXT --------------------------- */

/* Apply global font settings to highlighted labels in lists */
.monaco-highlighted-label {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* ------------------------ LIST LINE HEIGHT COMPENSATE --------------------------- */

/* Ensure list rows are not scaled, maintaining original size */
.monaco-list
  > .monaco-scrollable-element
  > .monaco-list-rows
  > .monaco-list-row {
  transform: scale(1, 1);
}

/* ------------------------ EXPLORER --------------------------- */

/* Apply global font size to explorer folder view items */
.explorer-folders-view
  > .monaco-list
  > .monaco-scrollable-element
  > .monaco-list-rows
  span {
  font-size: var(--font-size);
}

/* Adjust margin for explorer folder view rows */
.explorer-folders-view
  > .monaco-list
  > .monaco-scrollable-element
  > .monaco-list-rows {
  margin-left: -12px;
}

/* Placeholder for potential styles for expanded list rows */
.monaco-list-row[aria-expanded] {
}

/* Commented out styles for bold font weight on expanded and selected rows */
/* .monaco-list-row[aria-expanded="true"] {
  font-weight: bold;
}

.monaco-list-row.selected {
  font-weight: bold;
} */

/* ------------------------ TAB --------------------------- */

/* Apply global font settings to tab labels in the editor */
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab
  .tab-label
  a,
.monaco-workbench
  .part.editor
  > .content
  .editor-group-container
  > .title
  .title-label
  a {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* ------------------------ STATUSBAR TEXT --------------------------- */

/* Apply global font settings to the status bar text */
.monaco-workbench .part.statusbar {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* ------------------------ STATUSBAR ICON --------------------------- */

/* Apply global font size to icons in the status bar */
.monaco-workbench
  .part.statusbar
  > .items-container
  > .statusbar-item
  span.codicon {
  font-size: var(--font-size);
}

/* ------------------------ MAC --------------------------- */

/* Apply global font settings to mac-specific elements */
.mac {
  --monaco-monospace-font: var(--font-family);
  font-family: var(--font-family);
  font-size: var(--font-size);
}

/* ------------------------ FIXES BORDER --------------------------- */

/* Add a subtle border to the composite title in the workbench */
.monaco-workbench .part > .composite.title {
  border-bottom: 1px solid hsla(220, 13%, 86%, 0.1);
}