Skip to content

Commit 798729f

Browse files
Changed colors in AI search styles
1 parent e6019d9 commit 798729f

1 file changed

Lines changed: 29 additions & 32 deletions

File tree

themes/hugo-geekdoc/assets/scss/_ai-search.scss

Lines changed: 29 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
padding: 0px 8px 0px 8px;
1313
border: solid 1px #cccccc;
1414
border-radius: 3px;
15-
background-color: #ffffff;
1615
margin-bottom: 30px;
1716
margin-right: 1px;
1817
position: relative;
@@ -28,7 +27,7 @@
2827
border: none;
2928
outline: none;
3029
font-family: $font-family-base;
31-
color: #222222;
30+
color: rgb(206, 211, 216);
3231
background-color: transparent;
3332
padding-right: 55px;
3433
}
@@ -40,7 +39,7 @@
4039
border: none;
4140
outline: none;
4241
white-space: nowrap;
43-
background-color: #b2bac1;
42+
background-color: #FFFFFF16;
4443
font-family: $font-family-base;
4544
color: #ffffff;
4645
cursor: pointer;
@@ -50,7 +49,7 @@
5049
border-top-right-radius: 3px;
5150

5251
&:hover {
53-
background-color: #8d969d;
52+
background-color: #FFFFFF10;
5453
}
5554
}
5655
}
@@ -76,9 +75,9 @@
7675
bottom: 10%;
7776
right: 10%;
7877
padding: 20px;
79-
border: solid 1px #cccccc;
80-
box-shadow: 0px 0px 5px 3px rgba(68,68,68,1);
81-
background-color: #ffffff;
78+
border: solid 1px #404040;
79+
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.8);
80+
background-color: #1e1e1e;
8281

8382
& > header {
8483
display: flex;
@@ -92,30 +91,29 @@
9291
height: 40px;
9392
padding: 0px 2px 0px 10px;
9493
padding-right: 80px;
95-
border: solid 1px #cccccc;
94+
border: solid 1px #404040;
9695
border-radius: 3px;
97-
background-color: #ffffff;
96+
background-color: #2d2d2d;
9897
font-size: 16px;
9998
position: relative;
10099

101100
#aiSearchResultsField {
102-
flex-grow: 1;
103-
margin-right: 7px;
104-
border: none;
105-
outline: none;
106-
font-family: $font-family-base;
107-
color: #222222;
108-
background-color: transparent;
101+
flex-grow: 1;
102+
margin-right: 7px;
103+
border: none;
104+
outline: none;
105+
font-family: $font-family-base;
106+
color: #e0e0e0;
107+
background-color: transparent;
109108
}
110109

111110
#aiSearchResultsButton {
112111
height: 40px;
113112
padding: 0px 18px;
114-
115113
border: none;
116114
outline: none;
117115
white-space: nowrap;
118-
background-color: #558fff;
116+
background-color: #4a6fa5;
119117
font-family: $font-family-base;
120118
font-weight: 600;
121119
color: #ffffff;
@@ -125,7 +123,7 @@
125123
border-top-right-radius: 3px;
126124
border-bottom-right-radius: 3px;
127125
&:hover {
128-
background-color:#4172d4;
126+
background-color: #385986;
129127
}
130128
}
131129
}
@@ -150,7 +148,7 @@
150148
flex-grow: 1;
151149
overflow: auto;
152150
padding: 10px 0px;
153-
color: rgb(15, 23, 39);
151+
color: #d0d0d0;
154152

155153
#aiSearchResultsPreloader {
156154
margin-top: 15px;
@@ -161,7 +159,7 @@
161159
}
162160

163161
& > p {
164-
color: #666666;
162+
color: #888888;
165163
font-style: italic;
166164
}
167165
}
@@ -170,21 +168,21 @@
170168
display: none;
171169
font-size: 16px;
172170
font-weight: 500;
173-
color: #aa0000;
171+
color: #ff4444;
174172
}
175173

176174
pre {
177175
padding: 10px;
178-
border: solid 1px #c2c2c2;
179-
background-color: #f8f9fa;
176+
border: solid 1px #404040;
177+
background-color: #2d2d2d;
178+
color: #d0d0d0;
180179
}
181180
}
182181

183182
& > aside {
184183
display: none;
185-
186184
padding: 10px 20px;
187-
border-top: solid 1px #cccccc;
185+
border-top: solid 1px #404040;
188186
margin: 0 -20px;
189187
margin-top: 20px;
190188

@@ -193,7 +191,7 @@
193191
margin-bottom: 15px;
194192
font-weight: 500;
195193
font-size: 18px;
196-
color: rgb(15, 23, 39);
194+
color: #d0d0d0;
197195
}
198196

199197
#aiSearchRelatedArticles {
@@ -207,21 +205,20 @@
207205

208206
& > a {
209207
display: block;
210-
/* min-width: 200px; */
211208
margin: 0px 15px 5px 0px;
212209
padding: 12px 15px;
213210
border-radius: 3px;
214-
215211
text-decoration: none;
216212
white-space: nowrap;
217213
overflow: hidden;
218-
background-color: #f3f5f7;
214+
background-color: #2d2d2d;
215+
color: #d0d0d0;
219216

220217
&:hover {
221218
text-decoration: none;
222-
219+
background-color: #383838;
223220
}
224221
}
225222
}
226223
}
227-
}
224+
}

0 commit comments

Comments
 (0)