1
1
/* --- Colors --- */
2
2
/* --- Fonts --- */
3
3
: root {
4
- --c-base : # 0b0b0b ;
4
+ --c-base : # 1d1c21 ;
5
5
--c-primary : # fcc866 ;
6
6
--c-primary-active : # fcba3c ;
7
7
--c-primary-active-focus : # ffa700 ;
11
11
--c-secondary : # 167ac6 ;
12
12
--c-success : # 23CF5F ;
13
13
--c-success-active : # 1db351 ;
14
- --c-gray : # 161616 ;
14
+ --c-gray : rgba ( 0 , 0 , 0 , 0.35 ) ;
15
15
--c-light-gray : # 3e3e3e ;
16
- --c-dark-gray : # 111111 ;
16
+ --c-dark-gray : rgba ( 0 , 0 , 0 , 0.2 ) ;
17
17
--c-white : # ffffff ;
18
18
--c-black : # 000000 ;
19
19
}
@@ -556,7 +556,7 @@ a:active {
556
556
width : 100% ;
557
557
border : none;
558
558
padding : 3px 20px ;
559
- background : var (--c-black );
559
+ background : var (--c-gray );
560
560
color : rgba (255 , 255 , 255 , 0.3 );
561
561
margin : 0 ;
562
562
outline : 0 ;
@@ -1072,7 +1072,7 @@ nav a {
1072
1072
position : relative;
1073
1073
padding : 10px 15px 10px 35px ;
1074
1074
transition : all 0.1s ease-out;
1075
- opacity : 0.2 ;
1075
+ opacity : 0.3 ;
1076
1076
}
1077
1077
1078
1078
nav a .fa {
@@ -1127,7 +1127,7 @@ nav a.is-active .fa, nav a:active .fa {
1127
1127
outline : 0 ;
1128
1128
position : relative;
1129
1129
border : 1px solid rgba (255 , 255 , 255 , 0.12 );
1130
- background-color : var (--c-black );
1130
+ background-color : var (--c-gray );
1131
1131
color : inherit;
1132
1132
z-index : 1 ;
1133
1133
}
@@ -1166,6 +1166,10 @@ nav a.is-active .fa, nav a:active .fa {
1166
1166
margin : 0 0 0 10px ;
1167
1167
}
1168
1168
1169
+ # main-search : hover input [type = "text" ] {
1170
+ background-color : var (--c-black );
1171
+ }
1172
+
1169
1173
iframe {
1170
1174
width : 100% ;
1171
1175
max-height : 350px ;
@@ -1206,14 +1210,15 @@ iframe {
1206
1210
z-index : 10 ;
1207
1211
max-height : 430px ;
1208
1212
border : 1px solid # 1f1f1f ;
1213
+ background-color : var (--c-black );
1209
1214
}
1210
1215
1211
1216
# search-video-list .video-item {
1212
1217
background-color : var (--c-black );
1213
1218
}
1214
1219
1215
1220
# search-video-list .video-item : hover {
1216
- background-color : var ( --c-gray );
1221
+ background-color : rgba ( 255 , 255 , 255 , 0.2 );
1217
1222
}
1218
1223
1219
1224
# search-video-list ::-webkit-scrollbar {
@@ -1239,7 +1244,7 @@ iframe {
1239
1244
1240
1245
.video-item-head-btn {
1241
1246
float : right;
1242
- background-color : var ( --c-black ) ;
1247
+ background-color : transparent ;
1243
1248
border : 1px solid var (--c-primary );
1244
1249
cursor : pointer;
1245
1250
color : var (--c-primary );
@@ -1250,7 +1255,7 @@ iframe {
1250
1255
font-size : 11px ;
1251
1256
}
1252
1257
1253
- .video-item-head-btn : active {
1258
+ .video-item-head-btn : hover {
1254
1259
background-color : var (--c-primary );
1255
1260
color : var (--c-black );
1256
1261
user-select : none;
@@ -1300,11 +1305,10 @@ iframe {
1300
1305
position : relative;
1301
1306
z-index : 1 ;
1302
1307
width : 100% ;
1303
- background-color : inherit;
1304
1308
}
1305
1309
1306
1310
.video-item-settings {
1307
- background-color : rgba (0 , 0 , 0 , 0.7 );
1311
+ background-color : rgba (0 , 0 , 0 , 0.6 );
1308
1312
color : var (--c-white );
1309
1313
position : absolute;
1310
1314
right : 0 ;
@@ -1451,7 +1455,6 @@ iframe {
1451
1455
height : calc (100% - 39px );
1452
1456
width : 100% ;
1453
1457
overflow : auto;
1454
- background-color : var (--c-dark-gray );
1455
1458
}
1456
1459
1457
1460
# related-video-list .related-video-content ::-webkit-scrollbar-track {
@@ -1460,6 +1463,7 @@ iframe {
1460
1463
1461
1464
# related-video-list .related-video-content ::-webkit-scrollbar {
1462
1465
width : 6px ;
1466
+ background-color : var (--c-dark-gray );
1463
1467
}
1464
1468
1465
1469
# related-video-list .related-video-content ::-webkit-scrollbar-thumb {
@@ -1493,7 +1497,6 @@ iframe {
1493
1497
height : calc (100% - 39px );
1494
1498
width : 100% ;
1495
1499
overflow : auto;
1496
- background-color : var (--c-dark-gray );
1497
1500
}
1498
1501
1499
1502
# playlist-video-list .playlist-video-content ::-webkit-scrollbar-track {
@@ -1502,6 +1505,7 @@ iframe {
1502
1505
1503
1506
# playlist-video-list .playlist-video-content ::-webkit-scrollbar {
1504
1507
width : 6px ;
1508
+ background-color : var (--c-dark-gray );
1505
1509
}
1506
1510
1507
1511
# playlist-video-list .playlist-video-content ::-webkit-scrollbar-thumb {
@@ -1544,7 +1548,7 @@ iframe {
1544
1548
# feed-video-list {
1545
1549
top : inherit;
1546
1550
bottom : 0 ;
1547
- height : calc (100% - 297 px );
1551
+ height : calc (100% - 300 px );
1548
1552
width : calc (100% - 40px );
1549
1553
max-height : none;
1550
1554
}
0 commit comments