View difference between Paste ID: Ca3xGn4A and c4PTjZMu
SHOW: | | - or go back to the newest paste.
1
/* Icons */
2
body:not(.cc-no-custom-icons) svg.lucide-folder-closed {
3
    stroke-width: 0;
4
    background-color: currentColor;
5
}
6
body:not(.cc-no-custom-icons) svg.folder > path {
7
    display: none;
8
}
9
10
.workspace-tab-header-container-inner {  /* from .workspace-tab-container-inner */
11
    border-radius: var(--radius-s);
12
    background: var(--shade-plus-darker) !important;
13
    padding: 1px !important;
14
    margin-left: 10px !important;
15
    border-radius: var(--radius-s);
16
    box-shadow: inset 0px 0px 4px rgba(var(--color-black-rgb), 0.04);
17
}
18
19
.workspace-tab-header.is-active,
20
.workspace-tab-header.is-active:hover {
21
  color: var(--text-muted) !important;
22
  background-color: var(--shade-0) !important;
23
  box-shadow: 0px 0.5px 1px 0.5px rgba(var(--color-black-rgb), 0.1) !important;
24
  opacity: 1;
25
}
26
.workspace-tab-header:hover {
27
    background-color: var(--shade-plus-darker) !important;
28
    box-shadow: 0px 0.5px 1px 0.5px rgba(var(--color-black-rgb), 0.1) !important;
29
  }
30
31
.workspace-tab-header.is-active {
32
    border-radius: var(--radius-s);
33
}
34
35
body:not(.cc-no-custom-icons) .workspace-tab-header[data-type=file-explorer] svg.lucide-folder-closed, /*from svg.folder*/
36
body:not(.cc-no-custom-icons) svg.file-explorer-glyph {
37
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="red" d="M87.5 16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333H20.833C16.238 8.333 12.5 12.071 12.5 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V16.667zM20.833 16.667h58.333v29.167H20.833V16.667zM20.833 83.333v-29.167h58.337v29.167H20.833z M58.333 29.167L41.667 29.167 41.667 25 33.333 25 33.333 37.5 66.667 37.5 66.667 25 58.333 25zM58.333 62.5L58.333 66.667 41.667 66.667 41.667 62.5 33.333 62.5 33.333 75 66.667 75 66.667 62.5z"></path></svg>') !important;
38
}
39
40
.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
41
    padding: 1px 8px 7px;
42
    margin: 0;
43
    gap: 0;
44
}
45
46
.workspace-tab-header-inner-icon > svg {
47
    width: var(--svg-l); 
48
    height: var(--svg-l);
49
    /*margin: 4px;*/
50
  }
51
52
53
.mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon,
54
.mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon,
55
.mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
56
.mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
57
  opacity: var(--icon-opacity) !important;
58
  color: var(--icon-color) !important;
59
}
60
61
.nav-buttons-container {
62
    padding: 4px 10px !important;
63
}
64
65
/* Header */
66
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) {
67
    padding-top: 0 !important;
68
  }
69
70
.workspace-tab-header-container {
71
    line-height: 1;
72
    background-color: transparent;
73
    height: var(--header-height);
74
    padding: 5px 10px 5px 5px;
75
}
76
.workspace-tab-header-container-inner {
77
    display: flex;
78
    flex: 0 1 auto;
79
    overflow: auto;
80
    margin: 0;
81
    padding: 0;
82
}
83
.workspace-tab-header-inner {
84
    line-height: 1;
85
    padding: 0px 8px;
86
}
87
.sidebar-toggle-button {
88
    height: auto;
89
}
90
.mod-right-split .workspace-tab-header-container {
91
    padding: 8px 4px;
92
}
93
.workspace-ribbon .sidebar-toggle-button {
94
    width: 36px;
95
}
96
97
.is-hidden-frameless.mod-windows .titlebar, .is-hidden-frameless.mod-linux .titlebar {
98
    background: transparent;
99
    background-color: transparent;
100
    border: none;
101
    /* z-index: var(--layer-popover); */
102
    pointer-events: none;
103
}
104-
.is-translucent:not(.is-fullscreen) .titlebar, .is-translucent:not(.is-fullscreen) .app-container {
104+
105-
    /* background-color: var(--workspace-background-translucent); */
105+
106
    background-color: transparent;
107
}
108
109
.workspace-tab-header-new-tab {
110
    margin-left: 4px; 
111
}
112
113
/* Settings */
114
.modal-content {
115-
    flex-direction: row;
115+
    flex-direction:row;
116
    align-items: initial;
117
}
118
.modal-close-button {
119
    margin: 0;
120
    padding: 0;
121
}
122
123
.search-input-container:before {
124
    top: calc((var(--input-height) - var(--search-icon-size))/1.5);
125
}
126
.search-input-container input {
127
    padding-left: 32px;
128
}
129
.search-input-clear-button {
130
    padding: 0;
131
    margin: 0;
132
}
133
.search-input-clear-button:before {
134
    display:none;
135
}
136
137
body:not(.is-mobile) .nav-files-container {
138
    /* background: linear-gradient(var(--background-secondary) 33%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at 25% 0, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); */
139
    background-color: transparent !important;
140
    background: none !important;
141
}
142
.workspace-ribbon.mod-left:before {
143
    background-color: transparent;
144
}
145