1+ @import url ("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" );
2+
3+ : root {
4+ --cards-color : # 353535 ;
5+ }
6+
17html {
28 overflow-y : scroll;
39}
410
511body {
612 font-family :
7- -apple-system, BlinkMacSystemFont, "Segoe UI " , Helvetica , Arial , sans-serif ,
8- "Apple Color Emoji" , "Segoe UI Emoji" ;
13+ -apple-system, BlinkMacSystemFont, "Nunito Sans " , "Segoe UI" , Helvetica ,
14+ Arial , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" ;
915 padding : 15px 250px 30px ;
1016 margin : 0 ;
1117 background : # 222222 ;
@@ -28,6 +34,12 @@ body {
2834 }
2935}
3036
37+ h2 {
38+ margin : 0 ;
39+ color : # ffffff ;
40+ line-height : 0.75 ;
41+ }
42+
3143.layout {
3244 display : flex;
3345 flex-wrap : wrap;
4355 flex : 1 ;
4456 min-width : 350px ;
4557 padding : 20px ;
46- background : # 313131 ;
58+ background : var ( --cards-color ) ;
4759 border-radius : 15px ;
4860 margin-bottom : auto;
4961}
@@ -125,11 +137,16 @@ body {
125137.header {
126138 display : flex;
127139 padding : 10px 15px ;
128- background : # 313131 ;
140+ background : var ( --cards-color ) ;
129141 border-radius : 15px ;
130142 margin-bottom : 20px ;
131143}
132144
145+ .logo {
146+ width : 38px ;
147+ height : 38px ;
148+ }
149+
133150.lastUpdated {
134151 margin-left : auto;
135152 margin-top : auto;
@@ -151,15 +168,15 @@ body {
151168 background : # 232323 ;
152169}
153170
154- .settings : hover {
155- background : # 303030 ;
156- }
157-
158171.settingsSummary {
159172 padding : 8px 15px ;
160173 border : 1px solid # 707070 ;
161174}
162175
176+ .settingsSummary : hover {
177+ background : # 505050 ;
178+ }
179+
163180.settingsTitle {
164181 font-size : 16px ;
165182 margin : 0 ;
@@ -194,7 +211,7 @@ body {
194211/* === CONTENT SECTION === */
195212details {
196213 margin-bottom : 1rem ;
197- background : # 313131 ;
214+ background : var ( --cards-color ) ;
198215 border-radius : 15px ;
199216 color : # ffffff ;
200217}
@@ -210,7 +227,7 @@ summary {
210227 border-radius : 15px ;
211228 list-style : none;
212229 box-sizing : border-box;
213- padding : 15px ;
230+ padding : 10 px 15px ;
214231 color : # ffffff ;
215232 user-select : none;
216233 -moz-user-select : none;
@@ -222,7 +239,7 @@ details.flagged {
222239}
223240
224241summary : hover {
225- background : # 222222 ;
242+ background : # 505050 ;
226243}
227244
228245summary : hover .flagged {
@@ -234,12 +251,12 @@ summary::-webkit-details-marker {
234251}
235252
236253.repoMain : hover {
237- background : # 3a3a3a ;
254+ background : # 505050 ;
238255}
239256
240257.repoMain img .avatar {
241- width : 30 px ;
242- height : 30 px ;
258+ width : 35 px ;
259+ height : 35 px ;
243260 border-radius : 50% ;
244261 flex-shrink : 0 ;
245262}
@@ -248,6 +265,8 @@ summary::-webkit-details-marker {
248265 margin : 0 ;
249266 line-break : anywhere;
250267 line-height : 1 ;
268+ font-size : 20px ;
269+ font-weight : 500 ;
251270}
252271
253272.releaseCount {
@@ -259,6 +278,7 @@ summary::-webkit-details-marker {
259278 margin-bottom : 0 ;
260279 justify-content : center;
261280 line-height : 1 ;
281+ font-size : 20px ;
262282}
263283
264284.releaseCount .flagged {
@@ -308,6 +328,10 @@ a.releaseName:hover {
308328 border-bottom-color : # 5d5d5db3 !important ;
309329}
310330
331+ .markdown-body summary : hover {
332+ background : # 505050 !important ;
333+ }
334+
311335/* === SIDEBAR SECTION === */
312336
313337.addrepo {
@@ -347,12 +371,6 @@ input::-webkit-inner-spin-button {
347371 margin : 0 ;
348372}
349373
350- h2 {
351- margin : 0 ;
352- color : # ffffff ;
353- line-height : 0.75 ;
354- }
355-
356374.reposlist {
357375 list-style : none;
358376 padding-left : 0 ;
379397 margin : 0 ;
380398 padding-left : 5px ;
381399}
382-
383- .logo {
384- width : 38px ;
385- height : 38px ;
386- }
0 commit comments