Skip to content

Commit d4576be

Browse files
committed
style: cleaning up rainbow_trail theme
1 parent 7bfc845 commit d4576be

File tree

1 file changed

+6
-77
lines changed

1 file changed

+6
-77
lines changed

public/css/themes/rainbow_trail.css

Lines changed: 6 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
--colorful-error-color: #ff0008;
1010
}
1111

12-
#logo {
12+
.logo {
1313
background: linear-gradient(
1414
90deg,
1515
#60b6ce,
@@ -29,50 +29,6 @@
2929
animation: rainbow-gradient 30s alternate ease-in-out infinite;
3030
}
3131

32-
header #logo .top,
33-
.account .levelAndBar .level,
34-
[aria-label][data-balloon-pos]::after {
35-
-webkit-text-fill-color: initial;
36-
}
37-
38-
.textButton:hover,
39-
#restartTestButton:hover > i,
40-
#restartTestButton:hover > i,
41-
#showWordHistoryButton:hover > i,
42-
#saveScreenshotButton:hover > i,
43-
#restartTestButtonWithSameWordset:hover > i,
44-
#nextTestButton:hover > i,
45-
#practiseWordsButton:hover > i,
46-
#watchReplayButton:hover > i,
47-
#watchVideoAdButton:hover > i {
48-
background: linear-gradient(
49-
90deg,
50-
#60b6ce,
51-
#7ce3e1,
52-
#b2e259,
53-
#f6ee75,
54-
#f5b83d,
55-
#f49a98,
56-
#ed7abd,
57-
#dea2fa,
58-
#a966f5
59-
);
60-
background-size: 500% auto;
61-
background-clip: text;
62-
-webkit-background-clip: text;
63-
-webkit-text-fill-color: transparent;
64-
animation: rainbow-gradient 5s alternate ease-in-out infinite;
65-
transition: all 1s ease;
66-
}
67-
68-
.current-theme.textButton {
69-
animation: rainbow-infinite-loop 5s alternate ease-in-out infinite;
70-
}
71-
72-
.current-theme.textButton:hover {
73-
-webkit-text-fill-color: initial;
74-
}
75-
7632
@keyframes rainbow {
7733
0% {
7834
color: #60b6ce;
@@ -168,41 +124,14 @@ header #logo .top,
168124
color: #ff000075;
169125
}
170126
}
171-
172-
#words.flipped .word {
173-
animation: rainbow-infinite-loop 30s linear infinite;
174-
}
175-
176-
#words.flipped .word letter.correct {
177-
color: var(--sub-color);
178-
}
179-
180-
#words:not(.flipped) .word letter.correct {
181-
animation: rainbow 7.5s ease-in-out forwards;
182-
}
183-
184-
#liveStatsTextTop.timerMain,
185-
#liveStatsTextBottom.timerMain,
186-
#liveStatsMini.timerMain {
187-
animation: rainbow-infinite-loop 30s linear infinite;
188-
}
189-
190-
.word letter.incorrect {
191-
animation: error-repeat 1s alternate ease-in-out infinite;
192-
}
193-
194-
button:hover {
127+
button:hover,
128+
.input-row,
129+
.chat-bubble-user-content:hover,
130+
.command-palette,
131+
.search-chats {
195132
animation: glowing-button 2s alternate ease-in-out infinite;
196133
}
197134

198-
.row .textButton:not(.active) {
199-
color: #999999;
200-
}
201-
202-
.textButton.active {
203-
color: #111111;
204-
}
205-
206135
@keyframes light-rainbow-infinite-loop {
207136
0% {
208137
color: #60b6ce;

0 commit comments

Comments
 (0)