improve search bar (⌘+F) styling
Hunter
Sunday, August 10th, 2025 at 12:26 AM
22 :root {
23 --text-color: #f8f8f2;
24 --editor-bg: #16181b;
25 + scrollbar-color: grey var(--editor-bg);
26 }
27
28 * {
126 overscroll-behavior: none !important;
127 }
128
129 + /* Simplify search panel - hide all buttons, labels, and replace input */
130 + .cm-search button {
131 + display: none !important;
132 + }
133 +
134 + .cm-search {
135 + background-color: #16181b;
136 + }
137 +
138 + .cm-search label {
139 + display: none !important;
140 + }
141 +
142 + .cm-search input[name="replace"] {
143 + display: none !important;
144 + }
145 +
146 + /* Style search input to match editor text size */
147 + .cm-search input[name="search"] {
148 + font-size: 21px !important;
149 + width: 100% !important;
150 + border-radius: 50px !important;
151 + padding-left: 0.8em !important;
152 + padding-right: 0.8em !important;
153 + padding-bottom: 7px !important;
154 + }
155 +
156 + .cm-panels-bottom {
157 + border-radius: 0px !important;
158 + }
159 +
160 + .cm-panels-bottom {
161 + border-top: none !important;
162 +
163 + }
164 +
165 #preview {
166 width: 100%;
167 height: 100%;