1- /* Christmas theme style */
21body .christmas-theme body {
32 background : # 00873e ;
43}
@@ -10,8 +9,8 @@ body.christmas-theme .title {
109
1110body .christmas-theme .sidebar {
1211 background : repeating-linear-gradient (45deg , rgba (255 , 59 , 63 , 0.7 ), rgba (255 , 59 , 63 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 20px );
13- border-right : 5px solid # ffcc00 ; /* Gold border to enhance */
14- box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.5 ); /* Adds a soft glowing effect */
12+ border-right : 5px solid # ffcc00 ;
13+ box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.5 );
1514}
1615
1716body .christmas-theme .sidebar ::after {
@@ -29,16 +28,18 @@ body.christmas-theme .sidebar::after {
2928}
3029
3130body .christmas-theme .sidebar ul li {
32- background : white; /* Black semi-transparent background */
31+ background : white;
3332 color : rgb (210 , 38 , 41 );
3433 border-radius : 5px ;
3534}
3635
3736body .christmas-theme .sidebar ul li : hover {
3837 background : rgba (255 , 255 , 255 );
39- color : rgb (210 , 38 , 41 ); /* Golden text on hover */
40- transition : background 0.3s , color 0.3s ;
41- transform : scale (1.1 ); /* Slight zoom effect */
38+ color : rgb (210 , 38 , 41 );
39+ transition :
40+ background 0.3s ,
41+ color 0.3s ;
42+ transform : scale (1.1 );
4243}
4344
4445body .christmas-theme .sidebar h2 {
@@ -64,13 +65,13 @@ body.christmas-theme .sidebar h2::after {
6465}
6566
6667body .christmas-theme .wrapper .sidebar ul a li .selectedButton {
67- background : rgb (210 , 38 , 41 ); /* Highlighted background for selected button */
68+ background : rgb (210 , 38 , 41 );
6869 color : white;
6970}
7071
7172body .christmas-theme ::-webkit-scrollbar-thumb {
7273 background : repeating-linear-gradient (45deg , rgba (255 , 59 , 63 , 0.7 ), rgba (255 , 59 , 63 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 10px , rgba (255 , 255 , 255 , 0.7 ) 20px );
73- border-left : 5px solid # ffcc00 ; /* Gold border to enhance */
74+ border-left : 5px solid # ffcc00 ;
7475}
7576
7677body .christmas-theme ::-webkit-scrollbar-track {
@@ -108,8 +109,8 @@ body.christmas-theme .settings-content {
108109}
109110
110111body .christmas-theme .left-col img {
111- border-radius : 50% ; /* Circular frame */
112- background-color : rgba (0 , 0 , 0 , 0.5 ); /* Optional: Background behind the icon */
112+ border-radius : 50% ;
113+ background-color : rgba (0 , 0 , 0 , 0.5 );
113114}
114115
115116@keyframes bounce {
@@ -127,11 +128,11 @@ body.christmas-theme .left-col img {
127128}
128129
129130body .christmas-theme .search-bar input [type = "text" ] {
130- color : # dddddd ; /* Change placeholder text color */
131- opacity : 1 ; /* Ensure visibility */
131+ color : # dddddd ;
132+ opacity : 1 ;
132133}
133134
134135body .christmas-theme .search-bar input [type = "text" ]::placeholder {
135- color : # dddddd ; /* Change placeholder text color */
136- opacity : 1 ; /* Ensure visibility */
136+ color : # dddddd ;
137+ opacity : 1 ;
137138}
0 commit comments