mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-09-27 09:13:32 +08:00
Added possible 4u spacebar on matrix keymap
This commit is contained in:
David Martin
parent
dc1a3eec17
commit
a06873df19
86 changed files with 16262 additions and 14225 deletions
|
|
@ -1,7 +1,9 @@
|
|||
# about
|
||||
|
||||
Monkey-type is a minimalistic, customisable typing test, featuring many test modes, an account system to save your typing speed history and user configurable features like themes, a smooth caret and more.
|
||||
|
||||
# features
|
||||
|
||||
- minimalistic design with no ads
|
||||
- look at what you are typing
|
||||
- focus mode
|
||||
|
|
@ -15,20 +17,25 @@ Monkey-type is a minimalistic, customisable typing test, featuring many test mod
|
|||
- and much more
|
||||
|
||||
# discord bot
|
||||
|
||||
Recently, a Discord bot was added to autoassign roles. You can find the code for it over at https://github.com/Miodec/monkey-bot
|
||||
|
||||
# bug report or feature request
|
||||
|
||||
If you encounter a bug, or have a feature request - send me a message on Reddit, create an issue or join the [Discord server](https://discord.com/invite/yENzqcB).
|
||||
|
||||
# credits
|
||||
# credits
|
||||
|
||||
Montydrei for the name suggestion
|
||||
Everyone who provided valuable feedback on the original reddit post for the prototype of this website
|
||||
Contributors that have helped with implementing various features, adding themes and more.
|
||||
|
||||
# support
|
||||
|
||||
If you wish to support further development and feeling extra awesome, you can do so [here](https://www.paypal.me/jackbartnik).
|
||||
|
||||
# how to contribute
|
||||
|
||||
1. Head to [the firebase console](https://console.firebase.google.com/u/0/) and make a new project (the project name doesnt really matter, but just name it `monkey-type`). You dont need to enable analytics for it.
|
||||
2. Install the [Firebase Command Line Interface](https://firebase.google.com/docs/cli), and use `firebase login` to log in to the same google account as you just used to make the project.
|
||||
3. Git clone the project and make sure to rename `.firebaserc_example` to `.firebaserc` and change the project name inside to your firebase project name you just created.
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
{
|
||||
"hosting": {
|
||||
"public": "public",
|
||||
"ignore": [
|
||||
"firebase.json",
|
||||
"**/.*",
|
||||
"**/node_modules/**"
|
||||
"ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
|
||||
"redirects": [
|
||||
{
|
||||
"source": "/soon",
|
||||
"destination": "/",
|
||||
"type": 301
|
||||
}
|
||||
],
|
||||
"rewrites": [
|
||||
{
|
||||
"source": "**",
|
||||
"destination": "/index.html"
|
||||
}
|
||||
],
|
||||
"redirects": [{
|
||||
"source": "/soon",
|
||||
"destination": "/",
|
||||
"type": 301
|
||||
}],
|
||||
"rewrites": [{
|
||||
"source": "**",
|
||||
"destination": "/index.html"
|
||||
}],
|
||||
"cleanUrls": true,
|
||||
"trailingSlash": false
|
||||
}
|
||||
|
|
@ -24,4 +24,4 @@
|
|||
// "npm --prefix \"$RESOURCE_DIR\" run lint"
|
||||
// ]
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,9 +3,7 @@
|
|||
// Required for certain syntax usages
|
||||
"ecmaVersion": 2017
|
||||
},
|
||||
"plugins": [
|
||||
"promise"
|
||||
],
|
||||
"plugins": ["promise"],
|
||||
"extends": "eslint:recommended",
|
||||
"rules": {
|
||||
// Removed rule "disallow the use of console" from recommended eslint rules
|
||||
|
|
@ -56,7 +54,7 @@
|
|||
// Warn against unnecessary calls to .bind()
|
||||
"no-extra-bind": 1,
|
||||
|
||||
// Warn against unnecessary labels
|
||||
// Warn against unnecessary labels
|
||||
"no-extra-label": 1,
|
||||
|
||||
// Disallow leading or trailing decimal points in numeric literals
|
||||
|
|
@ -111,7 +109,7 @@
|
|||
"prefer-arrow-callback": 1,
|
||||
|
||||
// Return inside each then() to create readable and reusable Promise chains.
|
||||
// Forces developers to return console logs and http calls in promises.
|
||||
// Forces developers to return console logs and http calls in promises.
|
||||
"promise/always-return": 2,
|
||||
|
||||
//Enforces the use of catch() on un-returned promises
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ button[aria-label][data-balloon-pos] {
|
|||
color: var(--balloon-text-color);
|
||||
border-radius: var(--balloon-border-radius);
|
||||
content: attr(aria-label);
|
||||
padding: .5em 1em;
|
||||
padding: 0.5em 1em;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
z-index: 10;
|
||||
|
|
@ -61,7 +61,8 @@ button[aria-label][data-balloon-pos] {
|
|||
}
|
||||
|
||||
[aria-label][data-balloon-pos].font-awesome:after {
|
||||
font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
font-family: FontAwesome, -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
[aria-label][data-balloon-pos][data-balloon-break]:after {
|
||||
|
|
@ -318,4 +319,4 @@ button[aria-label][data-balloon-pos] {
|
|||
[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
4497
public/css/fa.css
4497
public/css/fa.css
File diff suppressed because it is too large
Load diff
|
|
@ -2403,7 +2403,8 @@ key {
|
|||
}
|
||||
}
|
||||
|
||||
.hidden-key, .hide-key {
|
||||
.hidden-key,
|
||||
.hide-key {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
|
@ -2440,5 +2441,6 @@ key {
|
|||
}
|
||||
|
||||
.matrixSpace {
|
||||
grid-template-columns: 6.75fr 1.90fr 6.75fr;
|
||||
}
|
||||
grid-template-columns: 6.75fr 1.9fr 6.75fr;
|
||||
//grid-template-columns: 6.90fr 4.60fr 6.90fr; // wider spacebar
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
letter {
|
||||
animation: woah 2s infinite linear;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,39 @@
|
|||
@keyframes shake_dat_ass {
|
||||
0% { transform: translate(1px, 1px) rotate(0deg); }
|
||||
10% { transform: translate(-1px, -2px) rotate(-1deg); }
|
||||
20% { transform: translate(-3px, 0px) rotate(1deg); }
|
||||
30% { transform: translate(3px, 2px) rotate(0deg); }
|
||||
40% { transform: translate(1px, -1px) rotate(1deg); }
|
||||
50% { transform: translate(-1px, 2px) rotate(-1deg); }
|
||||
60% { transform: translate(-3px, 1px) rotate(0deg); }
|
||||
70% { transform: translate(3px, 1px) rotate(-1deg); }
|
||||
80% { transform: translate(-1px, -1px) rotate(1deg); }
|
||||
90% { transform: translate(1px, 2px) rotate(0deg); }
|
||||
100% { transform: translate(1px, -2px) rotate(-1deg); }
|
||||
0% {
|
||||
transform: translate(1px, 1px) rotate(0deg);
|
||||
}
|
||||
10% {
|
||||
transform: translate(-1px, -2px) rotate(-1deg);
|
||||
}
|
||||
20% {
|
||||
transform: translate(-3px, 0px) rotate(1deg);
|
||||
}
|
||||
30% {
|
||||
transform: translate(3px, 2px) rotate(0deg);
|
||||
}
|
||||
40% {
|
||||
transform: translate(1px, -1px) rotate(1deg);
|
||||
}
|
||||
50% {
|
||||
transform: translate(-1px, 2px) rotate(-1deg);
|
||||
}
|
||||
60% {
|
||||
transform: translate(-3px, 1px) rotate(0deg);
|
||||
}
|
||||
70% {
|
||||
transform: translate(3px, 1px) rotate(-1deg);
|
||||
}
|
||||
80% {
|
||||
transform: translate(-1px, -1px) rotate(1deg);
|
||||
}
|
||||
90% {
|
||||
transform: translate(1px, 2px) rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: translate(1px, -2px) rotate(-1deg);
|
||||
}
|
||||
}
|
||||
|
||||
letter {
|
||||
animation: shake_dat_ass .25s infinite linear;
|
||||
animation: shake_dat_ass 0.25s infinite linear;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
[{
|
||||
[
|
||||
{
|
||||
"name": "nausea",
|
||||
"type": "style"
|
||||
},
|
||||
|
|
@ -27,7 +28,6 @@
|
|||
"type": "script"
|
||||
},
|
||||
{
|
||||
|
||||
"name": "layoutfluid",
|
||||
"type": "script"
|
||||
},
|
||||
|
|
@ -43,4 +43,4 @@
|
|||
"name": "gibberish",
|
||||
"type": "script"
|
||||
}
|
||||
]
|
||||
]
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
#middle {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,26 +1,29 @@
|
|||
@keyframes woah {
|
||||
0% {
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2) scaleY(.9);
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2)
|
||||
scaleY(0.9);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1) scaleY(.8);
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1) scaleY(0.8);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(0.9) scaleY(.9);
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(0.9)
|
||||
scaleY(0.9);
|
||||
}
|
||||
|
||||
75% {
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1.5) scaleY(1.1);
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1.5)
|
||||
scaleY(1.1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2) scaleY(.9);
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2)
|
||||
scaleY(0.9);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#middle {
|
||||
animation: woah 7s infinite cubic-bezier(0.5, 0, 0.5, 1);
|
||||
}
|
||||
|
|
@ -32,4 +35,4 @@
|
|||
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,11 +12,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
#middle {
|
||||
animation: woah 5s infinite linear;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,4 +4,4 @@
|
|||
|
||||
#words .word {
|
||||
color: var(--bg-color) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
--bg-color: #000000;
|
||||
--main-color: #ffffff;
|
||||
--caret-color: #ffffff;
|
||||
--sub-color: rgba(255, 255, 255, .1);
|
||||
--sub-color: rgba(255, 255, 255, 0.1);
|
||||
--text-color: #ffffff;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
|
|
@ -16,11 +16,10 @@ body {
|
|||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
#middle {
|
||||
transform: rotateX(35deg);
|
||||
}
|
||||
|
||||
#centerContent {
|
||||
perspective: 500px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
3627
public/index.html
3627
public/index.html
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,4 +1,5 @@
|
|||
[{
|
||||
[
|
||||
{
|
||||
"text": "You have the power to heal your life, and you need to know that.",
|
||||
"source": "Meditations to Heal Your Life",
|
||||
"id": 1
|
||||
|
|
@ -25003,4 +25004,4 @@
|
|||
"source": "Paprika",
|
||||
"id": 5001
|
||||
}
|
||||
]
|
||||
]
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
[{
|
||||
[
|
||||
{
|
||||
"name": "Roboto Mono"
|
||||
},
|
||||
{
|
||||
|
|
@ -35,4 +36,4 @@
|
|||
{
|
||||
"name": "Nunito"
|
||||
}
|
||||
]
|
||||
]
|
||||
|
|
|
|||
108
public/soon.html
108
public/soon.html
|
|
@ -1,68 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Monkey Type - Coming Soon!</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<style>
|
||||
*{
|
||||
font-family: "Roboto Mono";
|
||||
color: var(--main-color);
|
||||
}
|
||||
:root {
|
||||
* {
|
||||
font-family: "Roboto Mono";
|
||||
color: var(--main-color);
|
||||
}
|
||||
:root {
|
||||
--main-color: #eee;
|
||||
--sub-color: #444;
|
||||
--bg-color: #111;
|
||||
--caret-color: #fff;
|
||||
--active-word-color: #444;
|
||||
--roundness: 0.25rem;
|
||||
}
|
||||
body{
|
||||
background-color: var(--bg-color);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.grid{
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
}
|
||||
.logo {
|
||||
margin-bottom: -0.12rem;
|
||||
white-space: nowrap;
|
||||
|
||||
}
|
||||
}
|
||||
body {
|
||||
background-color: var(--bg-color);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
}
|
||||
.logo {
|
||||
margin-bottom: -0.12rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.logo .top {
|
||||
font-size: 0.65rem;
|
||||
line-height: 0.65rem;
|
||||
margin-bottom: -0.4rem;
|
||||
margin-left: -0.1rem;
|
||||
color: var(--sub-color);
|
||||
}
|
||||
.logo .top {
|
||||
font-size: 0.65rem;
|
||||
line-height: 0.65rem;
|
||||
margin-bottom: -0.4rem;
|
||||
margin-left: -0.1rem;
|
||||
color: var(--sub-color);
|
||||
}
|
||||
|
||||
.logo .bottom {
|
||||
margin-left: -0.15rem;
|
||||
font-size: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
}
|
||||
.soon{
|
||||
text-align: center;
|
||||
}
|
||||
.logo .bottom {
|
||||
margin-left: -0.15rem;
|
||||
font-size: 2.3rem;
|
||||
line-height: 2.3rem;
|
||||
}
|
||||
.soon {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<div class="grid">
|
||||
<div class="logo">
|
||||
<div class="top">monkey-see</div>
|
||||
<div class="bottom">monkey-type</div>
|
||||
</div>
|
||||
<div class="soon">Coming very soon...</div>
|
||||
<div class="logo">
|
||||
<div class="top">monkey-see</div>
|
||||
<div class="bottom">monkey-type</div>
|
||||
</div>
|
||||
<div class="soon">Coming very soon...</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #333a45;
|
||||
--main-color: #f44c7f;
|
||||
--caret-color: #f44c7f;
|
||||
--sub-color: #939eae;
|
||||
--text-color: #e9ecf0;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #c5da33;
|
||||
--colorful-error-extra-color: #849224;
|
||||
}
|
||||
--bg-color: #333a45;
|
||||
--main-color: #f44c7f;
|
||||
--caret-color: #f44c7f;
|
||||
--sub-color: #939eae;
|
||||
--text-color: #e9ecf0;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #c5da33;
|
||||
--colorful-error-extra-color: #849224;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,34 +7,34 @@
|
|||
--error-color: #c87e74;
|
||||
--colorful-error-color: #a56961;
|
||||
--colorful-error-color: #c87e74;
|
||||
--colorful-error-extra-color: #a56961;
|
||||
--colorful-error-extra-color: #a56961;
|
||||
}
|
||||
|
||||
.word letter.incorrect{
|
||||
.word letter.incorrect {
|
||||
color: var(--error-color);
|
||||
}
|
||||
|
||||
.word letter.incorrect.extra{
|
||||
.word letter.incorrect.extra {
|
||||
color: var(--colorful-error-color);
|
||||
}
|
||||
|
||||
.word.error{
|
||||
.word.error {
|
||||
border-bottom: solid 2px var(--error-color);
|
||||
}
|
||||
|
||||
key{
|
||||
key {
|
||||
color: var(--sub-color);
|
||||
background-color: var(--main-color);
|
||||
}
|
||||
|
||||
#menu .icon-button{
|
||||
#menu .icon-button {
|
||||
color: var(--main-color);
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(1){
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: var(--error-color);
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4){
|
||||
#menu .icon-button:nth-child(4) {
|
||||
color: var(--caret-color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,9 +3,9 @@
|
|||
--main-color: #ff7a90;
|
||||
--caret-color: #ff7a90;
|
||||
--sub-color: #4a768d;
|
||||
--text-color: #FFFAF8;
|
||||
--text-color: #fffaf8;
|
||||
--error-color: #ee2a3a;
|
||||
--error-extra-color: #f04040;
|
||||
--colorful-error-color: #fc2032;
|
||||
--colorful-error-extra-color: #f04040;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,15 +6,15 @@
|
|||
--sub-color: #48373d;
|
||||
--text-color: #ebe6ea;
|
||||
--error-color: #921341;
|
||||
--error-extra-color: #640b2c;
|
||||
--error-extra-color: #640b2c;
|
||||
--colorful-error-color: #921341;
|
||||
--colorful-error-extra-color: #640b2c;
|
||||
--colorful-error-extra-color: #640b2c;
|
||||
}
|
||||
|
||||
/* .word.error{
|
||||
border-bottom: double 4px var(--error-color);
|
||||
} */
|
||||
|
||||
#menu .icon-button:nth-child(1){
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: var(--caret-color);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #242933;
|
||||
--main-color: #ec4c56;
|
||||
--caret-color: #ec4c56;
|
||||
--sub-color: #596172;
|
||||
--text-color: #f6f0e9;
|
||||
--error-color: #ec4c56;
|
||||
--error-extra-color: #9b333a;
|
||||
--colorful-error-color: #ecdc4c;
|
||||
--colorful-error-extra-color: #bdb03d;
|
||||
--bg-color: #242933;
|
||||
--main-color: #ec4c56;
|
||||
--caret-color: #ec4c56;
|
||||
--sub-color: #596172;
|
||||
--text-color: #f6f0e9;
|
||||
--error-color: #ec4c56;
|
||||
--error-extra-color: #9b333a;
|
||||
--colorful-error-color: #ecdc4c;
|
||||
--colorful-error-extra-color: #bdb03d;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
:root {
|
||||
--bg-color: #CEB18D;
|
||||
--main-color: #14120F;
|
||||
--caret-color: #14120F;
|
||||
--sub-color: #D4D2D1;
|
||||
--text-color: #14120F;
|
||||
--bg-color: #ceb18d;
|
||||
--main-color: #14120f;
|
||||
--caret-color: #14120f;
|
||||
--sub-color: #d4d2d1;
|
||||
--text-color: #14120f;
|
||||
--error-color: #c82931;
|
||||
--error-extra-color: #ac1823;
|
||||
--colorful-error-color: #c82931;
|
||||
|
|
|
|||
|
|
@ -1,16 +1,15 @@
|
|||
:root {
|
||||
--bg-color: #faf1e4;
|
||||
--main-color: #618c56;
|
||||
--caret-color: #618c56;
|
||||
--sub-color: #c2b8aa;
|
||||
--text-color: #3c403b;
|
||||
--error-color: #ad4f4e;
|
||||
--error-extra-color: #7e3a39;
|
||||
--colorful-error-color: #ad4f4e;
|
||||
--colorful-error-extra-color: #7e3a39;
|
||||
--bg-color: #faf1e4;
|
||||
--main-color: #618c56;
|
||||
--caret-color: #618c56;
|
||||
--sub-color: #c2b8aa;
|
||||
--text-color: #3c403b;
|
||||
--error-color: #ad4f4e;
|
||||
--error-extra-color: #7e3a39;
|
||||
--colorful-error-color: #ad4f4e;
|
||||
--colorful-error-extra-color: #7e3a39;
|
||||
}
|
||||
|
||||
|
||||
#top .logo .bottom{
|
||||
color: #ad4f4e;
|
||||
}
|
||||
#top .logo .bottom {
|
||||
color: #ad4f4e;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #313131;
|
||||
--main-color: #f66e0d;
|
||||
--caret-color: #f66e0d;
|
||||
--sub-color: #616161;
|
||||
--text-color: #f5e6c8;
|
||||
--error-color: #e72d2d;
|
||||
--colorful-error-color: #b62828;
|
||||
--colorful-error-color: #a5e72d;
|
||||
--colorful-error-extra-color: #74a120;
|
||||
}
|
||||
--bg-color: #313131;
|
||||
--main-color: #f66e0d;
|
||||
--caret-color: #f66e0d;
|
||||
--sub-color: #616161;
|
||||
--text-color: #f5e6c8;
|
||||
--error-color: #e72d2d;
|
||||
--colorful-error-color: #b62828;
|
||||
--colorful-error-color: #a5e72d;
|
||||
--colorful-error-extra-color: #74a120;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #181c18;
|
||||
--main-color: #00ce7c;
|
||||
--caret-color: #00ce7c;
|
||||
--sub-color: #9578d3;
|
||||
--text-color: #c2fbe1;
|
||||
--error-color: #ff5f5f;
|
||||
--error-extra-color: #d22a2a;
|
||||
--colorful-error-color: #ff5f5f;
|
||||
--colorful-error-extra-color: #d22a2a;
|
||||
}
|
||||
--bg-color: #181c18;
|
||||
--main-color: #00ce7c;
|
||||
--caret-color: #00ce7c;
|
||||
--sub-color: #9578d3;
|
||||
--text-color: #c2fbe1;
|
||||
--error-color: #ff5f5f;
|
||||
--error-extra-color: #d22a2a;
|
||||
--colorful-error-color: #ff5f5f;
|
||||
--colorful-error-extra-color: #d22a2a;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #111;
|
||||
--main-color: #eee;
|
||||
--caret-color: #eee;
|
||||
--sub-color: #444;
|
||||
--text-color: #eee;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
--bg-color: #111;
|
||||
--main-color: #eee;
|
||||
--caret-color: #eee;
|
||||
--sub-color: #444;
|
||||
--text-color: #eee;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #058B8C;
|
||||
--main-color: #b63530;
|
||||
--caret-color: #b63530;
|
||||
--sub-color: #255458;
|
||||
--text-color: #F7F2EA;
|
||||
--error-color: #b63530;
|
||||
--error-extra-color: #530e0e;
|
||||
--colorful-error-color: #ddca1f;
|
||||
--colorful-error-extra-color: #8f8610;
|
||||
}
|
||||
--bg-color: #058b8c;
|
||||
--main-color: #b63530;
|
||||
--caret-color: #b63530;
|
||||
--sub-color: #255458;
|
||||
--text-color: #f7f2ea;
|
||||
--error-color: #b63530;
|
||||
--error-extra-color: #530e0e;
|
||||
--colorful-error-color: #ddca1f;
|
||||
--colorful-error-extra-color: #8f8610;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,28 +1,28 @@
|
|||
:root {
|
||||
--bg-color: #121520;
|
||||
--caret-color: #fff;
|
||||
--main-color: #fff;
|
||||
--sub-color: #676e8a;
|
||||
--text-color: #fff;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
--bg-color: #121520;
|
||||
--caret-color: #fff;
|
||||
--main-color: #fff;
|
||||
--sub-color: #676e8a;
|
||||
--text-color: #fff;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
||||
#menu {
|
||||
gap: .5rem;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
#top.focus #menu .icon-button,
|
||||
#top.focus #menu:before,
|
||||
#top.focus #menu:after {
|
||||
background: var(--sub-color);
|
||||
background: var(--sub-color);
|
||||
}
|
||||
|
||||
#menu .icon-button {
|
||||
border-radius: 10rem !important;
|
||||
color: #121520;
|
||||
border-radius: 10rem !important;
|
||||
color: #121520;
|
||||
}
|
||||
|
||||
/* #menu:before{
|
||||
|
|
@ -35,28 +35,28 @@
|
|||
} */
|
||||
|
||||
#menu .icon-button:nth-child(1) {
|
||||
background: #f94348;
|
||||
background: #f94348;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2) {
|
||||
background: #9261ff;
|
||||
background: #9261ff;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(3) {
|
||||
background: #3cc5f8;
|
||||
background: #3cc5f8;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4) {
|
||||
background: #4acb8a;
|
||||
background: #4acb8a;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(5) {
|
||||
background: #ffd543;
|
||||
background: #ffd543;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(6),
|
||||
#menu .icon-button:nth-child(7) {
|
||||
background: #ff9349;
|
||||
background: #ff9349;
|
||||
}
|
||||
|
||||
/* #menu:after{
|
||||
|
|
@ -69,5 +69,5 @@
|
|||
} */
|
||||
|
||||
#top.focus #menu .icon-button.discord::after {
|
||||
border-color: transparent;
|
||||
}
|
||||
border-color: transparent;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,27 +10,26 @@
|
|||
--colorful-error-extra-color: #732e51;
|
||||
}
|
||||
|
||||
|
||||
#menu .icon-button:nth-child(1){
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: #ec75c4;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2){
|
||||
#menu .icon-button:nth-child(2) {
|
||||
color: #8be9fd;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(3){
|
||||
#menu .icon-button:nth-child(3) {
|
||||
color: #50fa7b;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4){
|
||||
#menu .icon-button:nth-child(4) {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(5){
|
||||
#menu .icon-button:nth-child(5) {
|
||||
color: #ffb86c;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(6){
|
||||
#menu .icon-button:nth-child(6) {
|
||||
color: #ffb86c;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,27 +10,26 @@
|
|||
--colorful-error-extra-color: #ac1823;
|
||||
}
|
||||
|
||||
|
||||
#menu .icon-button:nth-child(1){
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: #2884bb;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2){
|
||||
#menu .icon-button:nth-child(2) {
|
||||
color: #25a5a9;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(3){
|
||||
#menu .icon-button:nth-child(3) {
|
||||
color: #de9c24;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4){
|
||||
#menu .icon-button:nth-child(4) {
|
||||
color: #d82231;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(5){
|
||||
#menu .icon-button:nth-child(5) {
|
||||
color: #212222;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(6){
|
||||
#menu .icon-button:nth-child(6) {
|
||||
color: #212222;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,30 +1,29 @@
|
|||
:root {
|
||||
--bg-color: #2E1A47;
|
||||
--bg-color: #2e1a47;
|
||||
--main-color: #f7f2ea;
|
||||
--caret-color: #f7f2ea;
|
||||
--sub-color: #c18fff;
|
||||
--text-color: #f7f2ea;
|
||||
--error-color: #F04E98;
|
||||
--error-color: #f04e98;
|
||||
--error-extra-color: #bd1c66;
|
||||
--colorful-error-color: #F04E98;
|
||||
--colorful-error-color: #f04e98;
|
||||
--colorful-error-extra-color: #bd1c66;
|
||||
}
|
||||
|
||||
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: #F04E98;
|
||||
color: #f04e98;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2) {
|
||||
color: #F8BED6;
|
||||
color: #f8bed6;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(3) {
|
||||
color: #F6EB61;
|
||||
color: #f6eb61;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4) {
|
||||
color: #A4DBE8;
|
||||
color: #a4dbe8;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(5),
|
||||
|
|
|
|||
|
|
@ -17,4 +17,4 @@
|
|||
#menu .icon-button:nth-child(5),
|
||||
#menu .icon-button:nth-child(6) {
|
||||
color: #601420;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #282828;
|
||||
--main-color: #d79921;
|
||||
--caret-color: #458588;
|
||||
--sub-color: #b8bb26;
|
||||
--text-color: #ebdbb2;
|
||||
--error-color: #fb4934;
|
||||
--error-extra-color: #cc241d;
|
||||
--colorful-error-color: #fb4934;
|
||||
--colorful-error-extra-color: #cc241d;
|
||||
}
|
||||
--bg-color: #282828;
|
||||
--main-color: #d79921;
|
||||
--caret-color: #458588;
|
||||
--sub-color: #b8bb26;
|
||||
--text-color: #ebdbb2;
|
||||
--error-color: #fb4934;
|
||||
--error-extra-color: #cc241d;
|
||||
--colorful-error-color: #fb4934;
|
||||
--colorful-error-extra-color: #cc241d;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #fbf1c7;
|
||||
--main-color: #d79921;
|
||||
--caret-color: #458588;
|
||||
--sub-color: #98971a;
|
||||
--text-color: #3c3836;
|
||||
--error-color: #cc241d;
|
||||
--error-extra-color: #9d0006;
|
||||
--colorful-error-color: #cc241d;
|
||||
--colorful-error-extra-color: #9d0006;
|
||||
}
|
||||
--bg-color: #fbf1c7;
|
||||
--main-color: #d79921;
|
||||
--caret-color: #458588;
|
||||
--sub-color: #98971a;
|
||||
--text-color: #3c3836;
|
||||
--error-color: #cc241d;
|
||||
--error-extra-color: #9d0006;
|
||||
--colorful-error-color: #cc241d;
|
||||
--colorful-error-extra-color: #9d0006;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #030613;
|
||||
--main-color: #4fcdb9;
|
||||
--caret-color: #4fcdb9;
|
||||
--sub-color: #1e283a;
|
||||
--text-color: #e2f1f5;
|
||||
--error-color: #e32b2b;
|
||||
--error-extra-color: #A62626;
|
||||
--colorful-error-color: #e32b2b;
|
||||
--colorful-error-extra-color: #A62626;
|
||||
}
|
||||
--bg-color: #030613;
|
||||
--main-color: #4fcdb9;
|
||||
--caret-color: #4fcdb9;
|
||||
--sub-color: #1e283a;
|
||||
--text-color: #e2f1f5;
|
||||
--error-color: #e32b2b;
|
||||
--error-extra-color: #a62626;
|
||||
--colorful-error-color: #e32b2b;
|
||||
--colorful-error-extra-color: #a62626;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #f2aa00;
|
||||
--main-color: #fff546;
|
||||
--caret-color: #795200;
|
||||
--sub-color: #a66b00;
|
||||
--text-color: #f3eecb;
|
||||
--error-color: #df3333;
|
||||
--error-extra-color: #6d1f1f;
|
||||
--colorful-error-color: #df3333;
|
||||
--colorful-error-extra-color: #6d1f1f;
|
||||
}
|
||||
--bg-color: #f2aa00;
|
||||
--main-color: #fff546;
|
||||
--caret-color: #795200;
|
||||
--sub-color: #a66b00;
|
||||
--text-color: #f3eecb;
|
||||
--error-color: #df3333;
|
||||
--error-extra-color: #6d1f1f;
|
||||
--colorful-error-color: #df3333;
|
||||
--colorful-error-extra-color: #6d1f1f;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
:root {
|
||||
--bg-color: #202020;
|
||||
--main-color: #91170c;
|
||||
--caret-color: #c58940;
|
||||
--sub-color: #847869;
|
||||
--text-color: #fae1c3;
|
||||
--error-color: #bb1e10;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #c5da33;
|
||||
--colorful-error-extra-color: #849224;
|
||||
--bg-color: #202020;
|
||||
--main-color: #91170c;
|
||||
--caret-color: #c58940;
|
||||
--sub-color: #847869;
|
||||
--text-color: #fae1c3;
|
||||
--error-color: #bb1e10;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #c5da33;
|
||||
--colorful-error-extra-color: #849224;
|
||||
}
|
||||
|
||||
#top .logo .bottom {
|
||||
color: #fae1c3;
|
||||
}
|
||||
color: #fae1c3;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #1a0e25;
|
||||
--main-color: #99de1e;
|
||||
--caret-color: #99de1e;
|
||||
--sub-color: #7554a3;
|
||||
--text-color: #e9e2f5;
|
||||
--error-color: #e32b2b;
|
||||
--error-extra-color: #A62626;
|
||||
--colorful-error-color: #e32b2b;
|
||||
--colorful-error-extra-color: #A62626;
|
||||
}
|
||||
--bg-color: #1a0e25;
|
||||
--main-color: #99de1e;
|
||||
--caret-color: #99de1e;
|
||||
--sub-color: #7554a3;
|
||||
--text-color: #e9e2f5;
|
||||
--error-color: #e32b2b;
|
||||
--error-extra-color: #a62626;
|
||||
--colorful-error-color: #e32b2b;
|
||||
--colorful-error-extra-color: #a62626;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #221b44;
|
||||
--main-color: #009eaf;
|
||||
--caret-color: #009eaf;
|
||||
--sub-color: #b82356;
|
||||
--text-color: #dbe7e8;
|
||||
--error-color: #a8d400;
|
||||
--error-extra-color: #668000;
|
||||
--colorful-error-color: #a8d400;
|
||||
--colorful-error-extra-color: #668000;
|
||||
--bg-color: #221b44;
|
||||
--main-color: #009eaf;
|
||||
--caret-color: #009eaf;
|
||||
--sub-color: #b82356;
|
||||
--text-color: #dbe7e8;
|
||||
--error-color: #a8d400;
|
||||
--error-extra-color: #668000;
|
||||
--colorful-error-color: #a8d400;
|
||||
--colorful-error-extra-color: #668000;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #fff;
|
||||
--main-color: #111;
|
||||
--caret-color: #111;
|
||||
--sub-color: #ccc;
|
||||
--text-color: #111;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
--bg-color: #fff;
|
||||
--main-color: #111;
|
||||
--caret-color: #111;
|
||||
--sub-color: #ccc;
|
||||
--text-color: #111;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,346 +1,347 @@
|
|||
[{
|
||||
"name": "light",
|
||||
"bgColor": "#fff",
|
||||
"textColor": "#111"
|
||||
},
|
||||
{
|
||||
"name": "dark",
|
||||
"bgColor": "#111",
|
||||
"textColor": "#eee"
|
||||
},
|
||||
{
|
||||
"name": "8008",
|
||||
"bgColor": "#3c4756",
|
||||
"textColor": "#f44c7f"
|
||||
},
|
||||
{
|
||||
"name": "carbon",
|
||||
"bgColor": "#575d5e",
|
||||
"textColor": "#ed6b21"
|
||||
},
|
||||
{
|
||||
"name": "dots",
|
||||
"bgColor": "#121520",
|
||||
"textColor": "#7f88ab"
|
||||
},
|
||||
{
|
||||
"name": "nautilus",
|
||||
"bgColor": "#20304a",
|
||||
"textColor": "#eab622"
|
||||
},
|
||||
{
|
||||
"name": "serika",
|
||||
"bgColor": "#e2b714",
|
||||
"textColor": "#323437"
|
||||
},
|
||||
{
|
||||
"name": "serika_dark",
|
||||
"bgColor": "#323437",
|
||||
"textColor": "#e2b714"
|
||||
},
|
||||
{
|
||||
"name": "bushido",
|
||||
"bgColor": "#414755",
|
||||
"textColor": "#ec4c56"
|
||||
},
|
||||
{
|
||||
"name": "red_samurai",
|
||||
"bgColor": "#84202c",
|
||||
"textColor": "#c79e6e"
|
||||
},
|
||||
{
|
||||
"name": "rgb",
|
||||
"bgColor": "linear-gradient(to left, #0043ff, #1bdbdb, #27c214, #e0e019, #e01313)",
|
||||
"textColor": "#fff"
|
||||
},
|
||||
{
|
||||
"name": "oblivion",
|
||||
"bgColor": "#313231",
|
||||
"textColor": "#a5a096"
|
||||
},
|
||||
{
|
||||
"name": "laser",
|
||||
"bgColor": "#221b44",
|
||||
"textColor": "#b82356"
|
||||
},
|
||||
{
|
||||
"name": "retro",
|
||||
"bgColor": "#b3b0a8",
|
||||
"textColor": "#1d181a"
|
||||
},
|
||||
{
|
||||
"name": "dracula",
|
||||
"bgColor": "#282a36",
|
||||
"textColor": "#bd93f9"
|
||||
},
|
||||
{
|
||||
"name": "nord",
|
||||
"bgColor": "#242933",
|
||||
"textColor": "#617b94"
|
||||
},
|
||||
{
|
||||
"name": "mr_sleeves",
|
||||
"bgColor": "#bdc6ca",
|
||||
"textColor": "#000"
|
||||
},
|
||||
{
|
||||
"name": "olivia",
|
||||
"bgColor": "#1c1b1d",
|
||||
"textColor": "#deaf9d"
|
||||
},
|
||||
{
|
||||
"name": "bliss",
|
||||
"bgColor": "#262727",
|
||||
"textColor": "#665957"
|
||||
},
|
||||
{
|
||||
"name": "mizu",
|
||||
"bgColor": "#afcbdd",
|
||||
"textColor": "#1a2633"
|
||||
},
|
||||
{
|
||||
"name": "metaverse",
|
||||
"bgColor": "#232323",
|
||||
"textColor": "#d82934"
|
||||
},
|
||||
{
|
||||
"name": "shadow",
|
||||
"bgColor": "#000",
|
||||
"textColor": "#444"
|
||||
},
|
||||
{
|
||||
"name": "mint",
|
||||
"bgColor": "#05385b",
|
||||
"textColor": "#5cdb95"
|
||||
},
|
||||
{
|
||||
"name": "miami",
|
||||
"bgColor": "#f35588",
|
||||
"textColor": "#05dfd7"
|
||||
},
|
||||
{
|
||||
"name": "miami_nights",
|
||||
"bgColor": "#18181a",
|
||||
"textColor": "#e4609b"
|
||||
},
|
||||
{
|
||||
"name": "modern_dolch",
|
||||
"bgColor": "#585b5f",
|
||||
"textColor": "#65d2cd"
|
||||
},
|
||||
{
|
||||
"name": "botanical",
|
||||
"bgColor": "#7b9c98",
|
||||
"textColor": "#abc6c4"
|
||||
},
|
||||
{
|
||||
"name": "9009",
|
||||
"bgColor": "#99947f",
|
||||
"textColor": "#080909"
|
||||
},
|
||||
{
|
||||
"name": "bingsu",
|
||||
"bgColor": "#524149",
|
||||
"textColor": "#ede8ec"
|
||||
},
|
||||
{
|
||||
"name": "terminal",
|
||||
"bgColor": "#1b1c1d",
|
||||
"textColor": "#79a617"
|
||||
},
|
||||
{
|
||||
"name": "taro",
|
||||
"bgColor": "#b3baff",
|
||||
"textColor": "#130f1a"
|
||||
},
|
||||
{
|
||||
"name": "striker",
|
||||
"bgColor": "#124883",
|
||||
"textColor": "#d6dbd9"
|
||||
},
|
||||
{
|
||||
"name": "gruvbox_dark",
|
||||
"bgColor": "#282828",
|
||||
"textColor": "#ebdbb2"
|
||||
},
|
||||
{
|
||||
"name": "gruvbox_light",
|
||||
"bgColor": "#fbf1c7",
|
||||
"textColor": "#458588"
|
||||
},
|
||||
{
|
||||
"name": "monokai",
|
||||
"bgColor": "#272822",
|
||||
"textColor": "#E6DB74"
|
||||
},
|
||||
{
|
||||
"name": "camping",
|
||||
"bgColor": "#faf1e4",
|
||||
"textColor": "#618c56"
|
||||
},
|
||||
{
|
||||
"name": "voc",
|
||||
"bgColor": "#190618",
|
||||
"textColor": "#e0caac"
|
||||
},
|
||||
{
|
||||
"name": "vaporwave",
|
||||
"bgColor": "#a4a7ea",
|
||||
"textColor": "#e368da"
|
||||
},
|
||||
{
|
||||
"name": "pulse",
|
||||
"bgColor": "#181818",
|
||||
"textColor": "#17b8bd"
|
||||
},
|
||||
{
|
||||
"name": "matrix",
|
||||
"bgColor": "#000000",
|
||||
"textColor": "#15ff00"
|
||||
},
|
||||
{
|
||||
"name": "olive",
|
||||
"bgColor": "#e9e5cc",
|
||||
"textColor": "#92946f"
|
||||
},
|
||||
{
|
||||
"name": "strawberry",
|
||||
"bgColor": "#e53c58",
|
||||
"textColor": "#fcfcf8"
|
||||
},
|
||||
{
|
||||
"name": "night_runner",
|
||||
"bgColor": "#5c4a9c",
|
||||
"textColor": "#feff04"
|
||||
},
|
||||
{
|
||||
"name": "cyberspace",
|
||||
"bgColor": "#181c18",
|
||||
"textColor": "#00ce7c"
|
||||
},
|
||||
{
|
||||
"name": "joker",
|
||||
"bgColor": "#1a0e25",
|
||||
"textColor": "#99de1e"
|
||||
},
|
||||
{
|
||||
"name": "dualshot",
|
||||
"bgColor": "#737373",
|
||||
"textColor": "#212222"
|
||||
},
|
||||
{
|
||||
"name": "solarized_dark",
|
||||
"bgColor": "#002b36",
|
||||
"textColor": "#859900"
|
||||
},
|
||||
{
|
||||
"name": "solarized_light",
|
||||
"bgColor": "#fdf6e3",
|
||||
"textColor": "#859900"
|
||||
},
|
||||
{
|
||||
"name": "terra",
|
||||
"bgColor": "#89c559",
|
||||
"textColor": "#0c100e"
|
||||
},
|
||||
{
|
||||
"name": "red_dragon",
|
||||
"bgColor": "#1a0b0c",
|
||||
"textColor": "#ff3a32"
|
||||
},
|
||||
{
|
||||
"name": "hammerhead",
|
||||
"bgColor": "#030613",
|
||||
"textColor": "#4fcdb9"
|
||||
},
|
||||
{
|
||||
"name": "future_funk",
|
||||
"bgColor": "#2E1A47",
|
||||
"textColor": "#f7f2ea"
|
||||
},
|
||||
{
|
||||
"name": "milkshake",
|
||||
"bgColor": "#ffffff",
|
||||
"textColor": "#212b43"
|
||||
},
|
||||
{
|
||||
"name": "aether",
|
||||
"bgColor": "#101820",
|
||||
"textColor": "#cf6bdd"
|
||||
},
|
||||
{
|
||||
"name": "froyo",
|
||||
"bgColor": "#e1dacb",
|
||||
"textColor": "#b29c5e"
|
||||
},
|
||||
{
|
||||
"name": "retrocast",
|
||||
"bgColor": "#07737a",
|
||||
"textColor": "#88dbdf"
|
||||
},
|
||||
{
|
||||
"name": "luna",
|
||||
"bgColor": "#221C35",
|
||||
"textColor": "#88dbdf"
|
||||
},
|
||||
{
|
||||
"name": "graen",
|
||||
"bgColor": "#303c36",
|
||||
"textColor": "#a59682"
|
||||
},
|
||||
{
|
||||
"name": "bento",
|
||||
"bgColor": "#335C71",
|
||||
"textColor": "#FC7374"
|
||||
},
|
||||
{
|
||||
"name": "watermelon",
|
||||
"bgColor": "#1F4437",
|
||||
"textColor": "#B74B53"
|
||||
},
|
||||
{
|
||||
"name": "menthol",
|
||||
"bgColor": "#00c18c",
|
||||
"textColor": "#ffffff"
|
||||
},
|
||||
{
|
||||
"name": "ishtar",
|
||||
"bgColor": "#fae1c3",
|
||||
"textColor": "#bb1e10"
|
||||
},
|
||||
{
|
||||
"name": "mashu",
|
||||
"bgColor": "#2b2b2c",
|
||||
"textColor": "#76689a"
|
||||
},
|
||||
{
|
||||
"name": "deku",
|
||||
"bgColor": "#058B8C",
|
||||
"textColor": "#F7F2EA"
|
||||
},
|
||||
{
|
||||
"name": "honey",
|
||||
"bgColor": "#f2aa00",
|
||||
"textColor": "#fff546"
|
||||
},
|
||||
{
|
||||
"name": "shoko",
|
||||
"bgColor": "#ced7e0",
|
||||
"textColor": "#81c4dd"
|
||||
},
|
||||
{
|
||||
"name": "norse",
|
||||
"bgColor": "#2b2b2c",
|
||||
"textColor": "#ccc2b1"
|
||||
},
|
||||
{
|
||||
"name": "matcha_moccha",
|
||||
"bgColor": "#523525",
|
||||
"textColor": "#7ec160"
|
||||
},
|
||||
{
|
||||
"name": "cafe",
|
||||
"bgColor": "#CEB18D",
|
||||
"textColor": "#14120F"
|
||||
}
|
||||
]
|
||||
[
|
||||
{
|
||||
"name": "light",
|
||||
"bgColor": "#fff",
|
||||
"textColor": "#111"
|
||||
},
|
||||
{
|
||||
"name": "dark",
|
||||
"bgColor": "#111",
|
||||
"textColor": "#eee"
|
||||
},
|
||||
{
|
||||
"name": "8008",
|
||||
"bgColor": "#3c4756",
|
||||
"textColor": "#f44c7f"
|
||||
},
|
||||
{
|
||||
"name": "carbon",
|
||||
"bgColor": "#575d5e",
|
||||
"textColor": "#ed6b21"
|
||||
},
|
||||
{
|
||||
"name": "dots",
|
||||
"bgColor": "#121520",
|
||||
"textColor": "#7f88ab"
|
||||
},
|
||||
{
|
||||
"name": "nautilus",
|
||||
"bgColor": "#20304a",
|
||||
"textColor": "#eab622"
|
||||
},
|
||||
{
|
||||
"name": "serika",
|
||||
"bgColor": "#e2b714",
|
||||
"textColor": "#323437"
|
||||
},
|
||||
{
|
||||
"name": "serika_dark",
|
||||
"bgColor": "#323437",
|
||||
"textColor": "#e2b714"
|
||||
},
|
||||
{
|
||||
"name": "bushido",
|
||||
"bgColor": "#414755",
|
||||
"textColor": "#ec4c56"
|
||||
},
|
||||
{
|
||||
"name": "red_samurai",
|
||||
"bgColor": "#84202c",
|
||||
"textColor": "#c79e6e"
|
||||
},
|
||||
{
|
||||
"name": "rgb",
|
||||
"bgColor": "linear-gradient(to left, #0043ff, #1bdbdb, #27c214, #e0e019, #e01313)",
|
||||
"textColor": "#fff"
|
||||
},
|
||||
{
|
||||
"name": "oblivion",
|
||||
"bgColor": "#313231",
|
||||
"textColor": "#a5a096"
|
||||
},
|
||||
{
|
||||
"name": "laser",
|
||||
"bgColor": "#221b44",
|
||||
"textColor": "#b82356"
|
||||
},
|
||||
{
|
||||
"name": "retro",
|
||||
"bgColor": "#b3b0a8",
|
||||
"textColor": "#1d181a"
|
||||
},
|
||||
{
|
||||
"name": "dracula",
|
||||
"bgColor": "#282a36",
|
||||
"textColor": "#bd93f9"
|
||||
},
|
||||
{
|
||||
"name": "nord",
|
||||
"bgColor": "#242933",
|
||||
"textColor": "#617b94"
|
||||
},
|
||||
{
|
||||
"name": "mr_sleeves",
|
||||
"bgColor": "#bdc6ca",
|
||||
"textColor": "#000"
|
||||
},
|
||||
{
|
||||
"name": "olivia",
|
||||
"bgColor": "#1c1b1d",
|
||||
"textColor": "#deaf9d"
|
||||
},
|
||||
{
|
||||
"name": "bliss",
|
||||
"bgColor": "#262727",
|
||||
"textColor": "#665957"
|
||||
},
|
||||
{
|
||||
"name": "mizu",
|
||||
"bgColor": "#afcbdd",
|
||||
"textColor": "#1a2633"
|
||||
},
|
||||
{
|
||||
"name": "metaverse",
|
||||
"bgColor": "#232323",
|
||||
"textColor": "#d82934"
|
||||
},
|
||||
{
|
||||
"name": "shadow",
|
||||
"bgColor": "#000",
|
||||
"textColor": "#444"
|
||||
},
|
||||
{
|
||||
"name": "mint",
|
||||
"bgColor": "#05385b",
|
||||
"textColor": "#5cdb95"
|
||||
},
|
||||
{
|
||||
"name": "miami",
|
||||
"bgColor": "#f35588",
|
||||
"textColor": "#05dfd7"
|
||||
},
|
||||
{
|
||||
"name": "miami_nights",
|
||||
"bgColor": "#18181a",
|
||||
"textColor": "#e4609b"
|
||||
},
|
||||
{
|
||||
"name": "modern_dolch",
|
||||
"bgColor": "#585b5f",
|
||||
"textColor": "#65d2cd"
|
||||
},
|
||||
{
|
||||
"name": "botanical",
|
||||
"bgColor": "#7b9c98",
|
||||
"textColor": "#abc6c4"
|
||||
},
|
||||
{
|
||||
"name": "9009",
|
||||
"bgColor": "#99947f",
|
||||
"textColor": "#080909"
|
||||
},
|
||||
{
|
||||
"name": "bingsu",
|
||||
"bgColor": "#524149",
|
||||
"textColor": "#ede8ec"
|
||||
},
|
||||
{
|
||||
"name": "terminal",
|
||||
"bgColor": "#1b1c1d",
|
||||
"textColor": "#79a617"
|
||||
},
|
||||
{
|
||||
"name": "taro",
|
||||
"bgColor": "#b3baff",
|
||||
"textColor": "#130f1a"
|
||||
},
|
||||
{
|
||||
"name": "striker",
|
||||
"bgColor": "#124883",
|
||||
"textColor": "#d6dbd9"
|
||||
},
|
||||
{
|
||||
"name": "gruvbox_dark",
|
||||
"bgColor": "#282828",
|
||||
"textColor": "#ebdbb2"
|
||||
},
|
||||
{
|
||||
"name": "gruvbox_light",
|
||||
"bgColor": "#fbf1c7",
|
||||
"textColor": "#458588"
|
||||
},
|
||||
{
|
||||
"name": "monokai",
|
||||
"bgColor": "#272822",
|
||||
"textColor": "#E6DB74"
|
||||
},
|
||||
{
|
||||
"name": "camping",
|
||||
"bgColor": "#faf1e4",
|
||||
"textColor": "#618c56"
|
||||
},
|
||||
{
|
||||
"name": "voc",
|
||||
"bgColor": "#190618",
|
||||
"textColor": "#e0caac"
|
||||
},
|
||||
{
|
||||
"name": "vaporwave",
|
||||
"bgColor": "#a4a7ea",
|
||||
"textColor": "#e368da"
|
||||
},
|
||||
{
|
||||
"name": "pulse",
|
||||
"bgColor": "#181818",
|
||||
"textColor": "#17b8bd"
|
||||
},
|
||||
{
|
||||
"name": "matrix",
|
||||
"bgColor": "#000000",
|
||||
"textColor": "#15ff00"
|
||||
},
|
||||
{
|
||||
"name": "olive",
|
||||
"bgColor": "#e9e5cc",
|
||||
"textColor": "#92946f"
|
||||
},
|
||||
{
|
||||
"name": "strawberry",
|
||||
"bgColor": "#e53c58",
|
||||
"textColor": "#fcfcf8"
|
||||
},
|
||||
{
|
||||
"name": "night_runner",
|
||||
"bgColor": "#5c4a9c",
|
||||
"textColor": "#feff04"
|
||||
},
|
||||
{
|
||||
"name": "cyberspace",
|
||||
"bgColor": "#181c18",
|
||||
"textColor": "#00ce7c"
|
||||
},
|
||||
{
|
||||
"name": "joker",
|
||||
"bgColor": "#1a0e25",
|
||||
"textColor": "#99de1e"
|
||||
},
|
||||
{
|
||||
"name": "dualshot",
|
||||
"bgColor": "#737373",
|
||||
"textColor": "#212222"
|
||||
},
|
||||
{
|
||||
"name": "solarized_dark",
|
||||
"bgColor": "#002b36",
|
||||
"textColor": "#859900"
|
||||
},
|
||||
{
|
||||
"name": "solarized_light",
|
||||
"bgColor": "#fdf6e3",
|
||||
"textColor": "#859900"
|
||||
},
|
||||
{
|
||||
"name": "terra",
|
||||
"bgColor": "#89c559",
|
||||
"textColor": "#0c100e"
|
||||
},
|
||||
{
|
||||
"name": "red_dragon",
|
||||
"bgColor": "#1a0b0c",
|
||||
"textColor": "#ff3a32"
|
||||
},
|
||||
{
|
||||
"name": "hammerhead",
|
||||
"bgColor": "#030613",
|
||||
"textColor": "#4fcdb9"
|
||||
},
|
||||
{
|
||||
"name": "future_funk",
|
||||
"bgColor": "#2E1A47",
|
||||
"textColor": "#f7f2ea"
|
||||
},
|
||||
{
|
||||
"name": "milkshake",
|
||||
"bgColor": "#ffffff",
|
||||
"textColor": "#212b43"
|
||||
},
|
||||
{
|
||||
"name": "aether",
|
||||
"bgColor": "#101820",
|
||||
"textColor": "#cf6bdd"
|
||||
},
|
||||
{
|
||||
"name": "froyo",
|
||||
"bgColor": "#e1dacb",
|
||||
"textColor": "#b29c5e"
|
||||
},
|
||||
{
|
||||
"name": "retrocast",
|
||||
"bgColor": "#07737a",
|
||||
"textColor": "#88dbdf"
|
||||
},
|
||||
{
|
||||
"name": "luna",
|
||||
"bgColor": "#221C35",
|
||||
"textColor": "#88dbdf"
|
||||
},
|
||||
{
|
||||
"name": "graen",
|
||||
"bgColor": "#303c36",
|
||||
"textColor": "#a59682"
|
||||
},
|
||||
{
|
||||
"name": "bento",
|
||||
"bgColor": "#335C71",
|
||||
"textColor": "#FC7374"
|
||||
},
|
||||
{
|
||||
"name": "watermelon",
|
||||
"bgColor": "#1F4437",
|
||||
"textColor": "#B74B53"
|
||||
},
|
||||
{
|
||||
"name": "menthol",
|
||||
"bgColor": "#00c18c",
|
||||
"textColor": "#ffffff"
|
||||
},
|
||||
{
|
||||
"name": "ishtar",
|
||||
"bgColor": "#fae1c3",
|
||||
"textColor": "#bb1e10"
|
||||
},
|
||||
{
|
||||
"name": "mashu",
|
||||
"bgColor": "#2b2b2c",
|
||||
"textColor": "#76689a"
|
||||
},
|
||||
{
|
||||
"name": "deku",
|
||||
"bgColor": "#058B8C",
|
||||
"textColor": "#F7F2EA"
|
||||
},
|
||||
{
|
||||
"name": "honey",
|
||||
"bgColor": "#f2aa00",
|
||||
"textColor": "#fff546"
|
||||
},
|
||||
{
|
||||
"name": "shoko",
|
||||
"bgColor": "#ced7e0",
|
||||
"textColor": "#81c4dd"
|
||||
},
|
||||
{
|
||||
"name": "norse",
|
||||
"bgColor": "#2b2b2c",
|
||||
"textColor": "#ccc2b1"
|
||||
},
|
||||
{
|
||||
"name": "matcha_moccha",
|
||||
"bgColor": "#523525",
|
||||
"textColor": "#7ec160"
|
||||
},
|
||||
{
|
||||
"name": "cafe",
|
||||
"bgColor": "#CEB18D",
|
||||
"textColor": "#14120F"
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #221C35;
|
||||
--main-color: #F67599;
|
||||
--caret-color: #F67599;
|
||||
--sub-color: #5a3a7e;
|
||||
--text-color: #ffe3eb;
|
||||
--error-color: #EFC050;
|
||||
--error-extra-color: #c5972c;
|
||||
--colorful-error-color: #EFC050;
|
||||
--colorful-error-extra-color: #c5972c;
|
||||
}
|
||||
--bg-color: #221c35;
|
||||
--main-color: #f67599;
|
||||
--caret-color: #f67599;
|
||||
--sub-color: #5a3a7e;
|
||||
--text-color: #ffe3eb;
|
||||
--error-color: #efc050;
|
||||
--error-extra-color: #c5972c;
|
||||
--colorful-error-color: #efc050;
|
||||
--colorful-error-extra-color: #c5972c;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #2b2b2c;
|
||||
--main-color: #76689a;
|
||||
--caret-color: #76689a;
|
||||
--sub-color: #d8a0a6;
|
||||
--text-color: #d8a0a6;
|
||||
--error-color: #d8a0a6;
|
||||
--error-extra-color: #e9e0d2;
|
||||
--colorful-error-color: #e9e0d2;
|
||||
--colorful-error-extra-color: #e9e0d2;
|
||||
}
|
||||
--bg-color: #2b2b2c;
|
||||
--main-color: #76689a;
|
||||
--caret-color: #76689a;
|
||||
--sub-color: #d8a0a6;
|
||||
--text-color: #d8a0a6;
|
||||
--error-color: #d8a0a6;
|
||||
--error-extra-color: #e9e0d2;
|
||||
--colorful-error-color: #e9e0d2;
|
||||
--colorful-error-extra-color: #e9e0d2;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #523525;
|
||||
--main-color: #7ec160;
|
||||
--caret-color: #7ec160;
|
||||
--sub-color: #9e6749;
|
||||
--text-color: #ecddcc;
|
||||
--error-color: #fb4934;
|
||||
--error-extra-color: #cc241d;
|
||||
--colorful-error-color: #fb4934;
|
||||
--colorful-error-extra-color: #cc241d;
|
||||
}
|
||||
--bg-color: #523525;
|
||||
--main-color: #7ec160;
|
||||
--caret-color: #7ec160;
|
||||
--sub-color: #9e6749;
|
||||
--text-color: #ecddcc;
|
||||
--error-color: #fb4934;
|
||||
--error-extra-color: #cc241d;
|
||||
--colorful-error-color: #fb4934;
|
||||
--colorful-error-extra-color: #cc241d;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,16 @@
|
|||
:root {
|
||||
--bg-color: #000000;
|
||||
--main-color: #15ff00;
|
||||
--caret-color: #15ff00;
|
||||
--sub-color: #032700;
|
||||
--text-color: #adffa7;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
--bg-color: #000000;
|
||||
--main-color: #15ff00;
|
||||
--caret-color: #15ff00;
|
||||
--sub-color: #032700;
|
||||
--text-color: #adffa7;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
||||
#liveWpm, #timerNumber{
|
||||
color: white;
|
||||
}
|
||||
#liveWpm,
|
||||
#timerNumber {
|
||||
color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #00c18c;
|
||||
--main-color: #ffffff;
|
||||
--caret-color: #99fdd8;
|
||||
--sub-color: #186544;
|
||||
--text-color: #ffffff;
|
||||
--error-color: #e03c3c;
|
||||
--error-extra-color: #b12525;
|
||||
--colorful-error-color: #e03c3c;
|
||||
--colorful-error-extra-color: #b12525;
|
||||
}
|
||||
--bg-color: #00c18c;
|
||||
--main-color: #ffffff;
|
||||
--caret-color: #99fdd8;
|
||||
--sub-color: #186544;
|
||||
--text-color: #ffffff;
|
||||
--error-color: #e03c3c;
|
||||
--error-extra-color: #b12525;
|
||||
--colorful-error-color: #e03c3c;
|
||||
--colorful-error-extra-color: #b12525;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #232323;
|
||||
--main-color: #d82934;
|
||||
--caret-color: #d82934;
|
||||
--sub-color: #5e5e5e;
|
||||
--text-color: #e8e8e8;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #d7da33;
|
||||
--colorful-error-extra-color: #737917;
|
||||
--bg-color: #232323;
|
||||
--main-color: #d82934;
|
||||
--caret-color: #d82934;
|
||||
--sub-color: #5e5e5e;
|
||||
--text-color: #e8e8e8;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #d7da33;
|
||||
--colorful-error-extra-color: #737917;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #f35588;
|
||||
--main-color: #05dfd7;
|
||||
--caret-color: #a3f7bf;
|
||||
--text-color: #f0e9ec;
|
||||
--sub-color: #94294c;
|
||||
--error-color: #fff591;
|
||||
--error-extra-color: #b9b269;
|
||||
--colorful-error-color: #fff591;
|
||||
--colorful-error-extra-color: #b9b269;
|
||||
--bg-color: #f35588;
|
||||
--main-color: #05dfd7;
|
||||
--caret-color: #a3f7bf;
|
||||
--text-color: #f0e9ec;
|
||||
--sub-color: #94294c;
|
||||
--error-color: #fff591;
|
||||
--error-extra-color: #b9b269;
|
||||
--colorful-error-color: #fff591;
|
||||
--colorful-error-extra-color: #b9b269;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #18181a;
|
||||
--main-color: #e4609b;
|
||||
--caret-color: #e4609b;
|
||||
--sub-color: #47bac0;
|
||||
--text-color: #fff;
|
||||
--error-color: #fff591;
|
||||
--error-extra-color: #b6af68;
|
||||
--colorful-error-color: #fff591;
|
||||
--colorful-error-extra-color: #b6af68;
|
||||
--bg-color: #18181a;
|
||||
--main-color: #e4609b;
|
||||
--caret-color: #e4609b;
|
||||
--sub-color: #47bac0;
|
||||
--text-color: #fff;
|
||||
--error-color: #fff591;
|
||||
--error-extra-color: #b6af68;
|
||||
--colorful-error-color: #fff591;
|
||||
--colorful-error-extra-color: #b6af68;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,6 @@
|
|||
--colorful-error-extra-color: #e58c9d;
|
||||
}
|
||||
|
||||
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: #f19dac;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #05385b;
|
||||
--main-color: #5cdb95;
|
||||
--caret-color: #5cdb95;
|
||||
--sub-color: #20688a;
|
||||
--text-color: #edf5e1;
|
||||
--error-color: #f35588;
|
||||
--error-extra-color: #a3385a;
|
||||
--colorful-error-color: #f35588;
|
||||
--colorful-error-extra-color: #a3385a;
|
||||
--bg-color: #05385b;
|
||||
--main-color: #5cdb95;
|
||||
--caret-color: #5cdb95;
|
||||
--sub-color: #20688a;
|
||||
--text-color: #edf5e1;
|
||||
--error-color: #f35588;
|
||||
--error-extra-color: #a3385a;
|
||||
--colorful-error-color: #f35588;
|
||||
--colorful-error-extra-color: #a3385a;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #afcbdd;
|
||||
--main-color: #fcfbf6;
|
||||
--caret-color: #fcfbf6;
|
||||
--sub-color: #85a5bb;
|
||||
--text-color: #1a2633;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
--bg-color: #afcbdd;
|
||||
--main-color: #fcfbf6;
|
||||
--caret-color: #fcfbf6;
|
||||
--sub-color: #85a5bb;
|
||||
--text-color: #1a2633;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #2d2e30;
|
||||
--main-color: #65d2cd;
|
||||
--caret-color: #65d2cd;
|
||||
--sub-color: #54585c;
|
||||
--text-color: #e3e6eb;
|
||||
--error-color: #d36a7b;
|
||||
--error-extra-color: #994154;
|
||||
--colorful-error-color: #d36a7b;
|
||||
--colorful-error-extra-color: #994154;
|
||||
--bg-color: #2d2e30;
|
||||
--main-color: #65d2cd;
|
||||
--caret-color: #65d2cd;
|
||||
--sub-color: #54585c;
|
||||
--text-color: #e3e6eb;
|
||||
--error-color: #d36a7b;
|
||||
--error-extra-color: #994154;
|
||||
--colorful-error-color: #d36a7b;
|
||||
--colorful-error-extra-color: #994154;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #272822;
|
||||
--main-color: #A6E22E;
|
||||
--caret-color: #66D9EF;
|
||||
--sub-color: #E6DB74;
|
||||
--text-color: #e2e2dc;
|
||||
--error-color: #F92672;
|
||||
--error-extra-color: #FD971F;
|
||||
--colorful-error-color: #F92672;
|
||||
--colorful-error-extra-color: #FD971F;
|
||||
}
|
||||
--bg-color: #272822;
|
||||
--main-color: #a6e22e;
|
||||
--caret-color: #66d9ef;
|
||||
--sub-color: #e6db74;
|
||||
--text-color: #e2e2dc;
|
||||
--error-color: #f92672;
|
||||
--error-extra-color: #fd971f;
|
||||
--colorful-error-color: #f92672;
|
||||
--colorful-error-extra-color: #fd971f;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,22 @@
|
|||
:root {
|
||||
--bg-color: #d1d7da;
|
||||
--main-color: #daa99b;
|
||||
--caret-color: #8fadc9;
|
||||
--sub-color: #9a9fa1;
|
||||
--text-color: #1d1d1d;
|
||||
--error-color: #bf6464;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #8fadc9;
|
||||
--colorful-error-extra-color: #667c91;
|
||||
--bg-color: #d1d7da;
|
||||
--main-color: #daa99b;
|
||||
--caret-color: #8fadc9;
|
||||
--sub-color: #9a9fa1;
|
||||
--text-color: #1d1d1d;
|
||||
--error-color: #bf6464;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #8fadc9;
|
||||
--colorful-error-extra-color: #667c91;
|
||||
}
|
||||
|
||||
#top .logo .bottom{
|
||||
color: #8fadc9;
|
||||
#top .logo .bottom {
|
||||
color: #8fadc9;
|
||||
}
|
||||
|
||||
#top .config .group .buttons .text-button.active{
|
||||
color: #daa99b;
|
||||
}
|
||||
|
||||
#top .config .group .buttons .text-button.active {
|
||||
color: #daa99b;
|
||||
}
|
||||
|
||||
/* #menu .icon-button:nth-child(1){
|
||||
color: #daa99b;
|
||||
|
|
@ -34,4 +33,4 @@
|
|||
#menu .icon-button:nth-child(4),
|
||||
#menu .icon-button:nth-child(5){
|
||||
color: #8fadc9;
|
||||
} */
|
||||
} */
|
||||
|
|
|
|||
|
|
@ -10,26 +10,29 @@
|
|||
--colorful-error-extra-color: #7e2a33;
|
||||
}
|
||||
|
||||
|
||||
@keyframes woah {
|
||||
0% {
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2) scaleY(.9);
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2)
|
||||
scaleY(0.9);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1) scaleY(.8);
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1) scaleY(0.8);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(0.9) scaleY(.9);
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(0.9)
|
||||
scaleY(0.9);
|
||||
}
|
||||
|
||||
75% {
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1.5) scaleY(1.1);
|
||||
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1.5)
|
||||
scaleY(1.1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2) scaleY(.9);
|
||||
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2)
|
||||
scaleY(0.9);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -42,7 +45,6 @@
|
|||
background: #3e4146;
|
||||
}
|
||||
|
||||
|
||||
100% {
|
||||
background: #323437;
|
||||
}
|
||||
|
|
@ -60,4 +62,4 @@
|
|||
body {
|
||||
animation: plsstop 10s infinite cubic-bezier(0.5, 0, 0.5, 1);
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #132237;
|
||||
--main-color: #ebb723;
|
||||
--caret-color: #ebb723;
|
||||
--sub-color: #0b4c6c;
|
||||
--text-color: #1cbaac;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
--bg-color: #132237;
|
||||
--main-color: #ebb723;
|
||||
--caret-color: #ebb723;
|
||||
--sub-color: #0b4c6c;
|
||||
--text-color: #1cbaac;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #212121;
|
||||
--main-color: #feff04;
|
||||
--caret-color: #feff04;
|
||||
--sub-color: #5c4a9c;
|
||||
--text-color: #e8e8e8;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
--bg-color: #212121;
|
||||
--main-color: #feff04;
|
||||
--caret-color: #feff04;
|
||||
--sub-color: #5c4a9c;
|
||||
--text-color: #e8e8e8;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #242933;
|
||||
--caret-color: #d8dee9;
|
||||
--main-color: #d8dee9;
|
||||
--sub-color: #617b94;
|
||||
--text-color: #d8dee9;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
--bg-color: #242933;
|
||||
--caret-color: #d8dee9;
|
||||
--main-color: #d8dee9;
|
||||
--sub-color: #617b94;
|
||||
--text-color: #d8dee9;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #242425;
|
||||
--main-color: #2b5f6d;
|
||||
--caret-color: #2b5f6d;
|
||||
--sub-color: #505b5e;
|
||||
--text-color: #ccc2b1;
|
||||
--error-color: #7e2a2a;
|
||||
--error-extra-color: #771d1d;
|
||||
--colorful-error-color: #ca4754;
|
||||
--colorful-error-extra-color: #7e2a33;
|
||||
}
|
||||
--bg-color: #242425;
|
||||
--main-color: #2b5f6d;
|
||||
--caret-color: #2b5f6d;
|
||||
--sub-color: #505b5e;
|
||||
--text-color: #ccc2b1;
|
||||
--error-color: #7e2a2a;
|
||||
--error-extra-color: #771d1d;
|
||||
--colorful-error-color: #ca4754;
|
||||
--colorful-error-extra-color: #7e2a33;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,32 +1,32 @@
|
|||
:root {
|
||||
--bg-color: #313231;
|
||||
--main-color: #a5a096;
|
||||
--caret-color: #a5a096;
|
||||
--sub-color: #5d6263;
|
||||
--text-color: #f7f5f1;
|
||||
--error-color: #dd452e;
|
||||
--error-extra-color: #9e3423;
|
||||
--colorful-error-color: #dd452e;
|
||||
--colorful-error-extra-color: #9e3423;
|
||||
--bg-color: #313231;
|
||||
--main-color: #a5a096;
|
||||
--caret-color: #a5a096;
|
||||
--sub-color: #5d6263;
|
||||
--text-color: #f7f5f1;
|
||||
--error-color: #dd452e;
|
||||
--error-extra-color: #9e3423;
|
||||
--colorful-error-color: #dd452e;
|
||||
--colorful-error-extra-color: #9e3423;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(1){
|
||||
color: #9a90b4;
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: #9a90b4;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2){
|
||||
color: #8db14b;
|
||||
#menu .icon-button:nth-child(2) {
|
||||
color: #8db14b;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(3){
|
||||
color: #fca321;
|
||||
#menu .icon-button:nth-child(3) {
|
||||
color: #fca321;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4){
|
||||
color: #2984a5;
|
||||
#menu .icon-button:nth-child(4) {
|
||||
color: #2984a5;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(5),
|
||||
#menu .icon-button:nth-child(6){
|
||||
color: #dd452e;
|
||||
}
|
||||
#menu .icon-button:nth-child(6) {
|
||||
color: #dd452e;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #e9e5cc;
|
||||
--caret-color: #92946f;
|
||||
--main-color: #92946f;
|
||||
--sub-color: #b7b39e;
|
||||
--text-color: #373731;
|
||||
--error-color: #cf2f2f;
|
||||
--error-extra-color: #a22929;
|
||||
--colorful-error-color: #cf2f2f;
|
||||
--colorful-error-extra-color: #a22929;
|
||||
--bg-color: #e9e5cc;
|
||||
--caret-color: #92946f;
|
||||
--main-color: #92946f;
|
||||
--sub-color: #b7b39e;
|
||||
--text-color: #373731;
|
||||
--error-color: #cf2f2f;
|
||||
--error-extra-color: #a22929;
|
||||
--colorful-error-color: #cf2f2f;
|
||||
--colorful-error-extra-color: #a22929;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #1c1b1d;
|
||||
--main-color: #deaf9d;
|
||||
--caret-color: #deaf9d;
|
||||
--sub-color: #4e3e3e;
|
||||
--text-color:#f2efed;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #e03d4e;
|
||||
--colorful-error-extra-color: #aa2f3b;
|
||||
}
|
||||
--bg-color: #1c1b1d;
|
||||
--main-color: #deaf9d;
|
||||
--caret-color: #deaf9d;
|
||||
--sub-color: #4e3e3e;
|
||||
--text-color: #f2efed;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #e03d4e;
|
||||
--colorful-error-extra-color: #aa2f3b;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #181818;
|
||||
--main-color: #17b8bd;
|
||||
--caret-color: #17b8bd;
|
||||
--sub-color: #53565a;
|
||||
--text-color: #e5f4f4;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
--bg-color: #181818;
|
||||
--main-color: #17b8bd;
|
||||
--caret-color: #17b8bd;
|
||||
--sub-color: #53565a;
|
||||
--text-color: #e5f4f4;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #1a0b0c;
|
||||
--main-color: #ff3a32;
|
||||
--caret-color: #ff3a32;
|
||||
--sub-color: #e2a528;
|
||||
--text-color: #4a4d4e;
|
||||
--error-color: #771b1f;
|
||||
--error-extra-color: #591317;
|
||||
--colorful-error-color: #771b1f;
|
||||
--colorful-error-extra-color:#591317;
|
||||
--bg-color: #1a0b0c;
|
||||
--main-color: #ff3a32;
|
||||
--caret-color: #ff3a32;
|
||||
--sub-color: #e2a528;
|
||||
--text-color: #4a4d4e;
|
||||
--error-color: #771b1f;
|
||||
--error-extra-color: #591317;
|
||||
--colorful-error-color: #771b1f;
|
||||
--colorful-error-extra-color: #591317;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root{
|
||||
--bg-color: #84202c;
|
||||
--main-color: #c79e6e;
|
||||
--caret-color: #c79e6e;
|
||||
--sub-color: #55131b;
|
||||
--text-color: #e2dad0;
|
||||
--error-color: #33bbda;
|
||||
--error-extra-color: #176b79;
|
||||
--colorful-error-color: #33bbda;
|
||||
--colorful-error-extra-color: #176779;
|
||||
}
|
||||
:root {
|
||||
--bg-color: #84202c;
|
||||
--main-color: #c79e6e;
|
||||
--caret-color: #c79e6e;
|
||||
--sub-color: #55131b;
|
||||
--text-color: #e2dad0;
|
||||
--error-color: #33bbda;
|
||||
--error-extra-color: #176b79;
|
||||
--colorful-error-color: #33bbda;
|
||||
--colorful-error-extra-color: #176779;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root{
|
||||
--bg-color: #dad3c1;
|
||||
--main-color: #1d1b17;
|
||||
--caret-color: #1d1b17;
|
||||
--sub-color: #918b7d;
|
||||
--text-color: #1d1b17;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
:root {
|
||||
--bg-color: #dad3c1;
|
||||
--main-color: #1d1b17;
|
||||
--caret-color: #1d1b17;
|
||||
--sub-color: #918b7d;
|
||||
--text-color: #1d1b17;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,32 +1,32 @@
|
|||
:root {
|
||||
--bg-color: #07737a;
|
||||
--main-color: #88dbdf;
|
||||
--caret-color: #88dbdf;
|
||||
--sub-color: #f3e03b;
|
||||
--text-color: #ffffff;
|
||||
--error-color: #ff585d;
|
||||
--error-extra-color: #c04455;
|
||||
--colorful-error-color: #ff585d;
|
||||
--colorful-error-extra-color: #c04455;
|
||||
--bg-color: #07737a;
|
||||
--main-color: #88dbdf;
|
||||
--caret-color: #88dbdf;
|
||||
--sub-color: #f3e03b;
|
||||
--text-color: #ffffff;
|
||||
--error-color: #ff585d;
|
||||
--error-extra-color: #c04455;
|
||||
--colorful-error-color: #ff585d;
|
||||
--colorful-error-extra-color: #c04455;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(1) {
|
||||
color: #88dbdf;
|
||||
color: #88dbdf;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2) {
|
||||
color: #88dbdf;
|
||||
color: #88dbdf;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(3) {
|
||||
color: #88dbdf;
|
||||
color: #88dbdf;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(4) {
|
||||
color: #ff585d;
|
||||
color: #ff585d;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(5),
|
||||
#menu .icon-button:nth-child(6) {
|
||||
color: #f3e03b;
|
||||
color: #f3e03b;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,67 +1,65 @@
|
|||
:root {
|
||||
--bg-color: #111;
|
||||
--main-color: #eee;
|
||||
--caret-color: #eee;
|
||||
--sub-color: #444;
|
||||
--text-color: #eee;
|
||||
--error-color: #eee;
|
||||
--error-extra-color: #b3b3b3;
|
||||
--colorful-error-color: #eee;
|
||||
--colorful-error-extra-color: #b3b3b3;
|
||||
--bg-color: #111;
|
||||
--main-color: #eee;
|
||||
--caret-color: #eee;
|
||||
--sub-color: #444;
|
||||
--text-color: #eee;
|
||||
--error-color: #eee;
|
||||
--error-extra-color: #b3b3b3;
|
||||
--colorful-error-color: #eee;
|
||||
--colorful-error-extra-color: #b3b3b3;
|
||||
}
|
||||
|
||||
@keyframes rgb{
|
||||
0%{
|
||||
color: #f44336;
|
||||
}
|
||||
25%{
|
||||
color: #FFC107;
|
||||
}
|
||||
50%{
|
||||
color: #4CAF50;
|
||||
}
|
||||
75%{
|
||||
color: #3F51B5;
|
||||
}
|
||||
100%{
|
||||
color: #f44336;
|
||||
}
|
||||
@keyframes rgb {
|
||||
0% {
|
||||
color: #f44336;
|
||||
}
|
||||
25% {
|
||||
color: #ffc107;
|
||||
}
|
||||
50% {
|
||||
color: #4caf50;
|
||||
}
|
||||
75% {
|
||||
color: #3f51b5;
|
||||
}
|
||||
100% {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rgb-bg{
|
||||
0%{
|
||||
background: #f44336;
|
||||
}
|
||||
25%{
|
||||
background: #FFC107;
|
||||
}
|
||||
50%{
|
||||
background: #4CAF50;
|
||||
}
|
||||
75%{
|
||||
background: #3F51B5;
|
||||
}
|
||||
100%{
|
||||
background: #f44336;
|
||||
}
|
||||
@keyframes rgb-bg {
|
||||
0% {
|
||||
background: #f44336;
|
||||
}
|
||||
25% {
|
||||
background: #ffc107;
|
||||
}
|
||||
50% {
|
||||
background: #4caf50;
|
||||
}
|
||||
75% {
|
||||
background: #3f51b5;
|
||||
}
|
||||
100% {
|
||||
background: #f44336;
|
||||
}
|
||||
}
|
||||
|
||||
.button.discord::after,
|
||||
#caret,
|
||||
.pageSettings .section .buttons .button.active,
|
||||
.pageSettings .section.languages .buttons .language.active,
|
||||
.pageAccount .group.filterButtons .buttons .button.active
|
||||
{
|
||||
animation-name: rgb-bg !important;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
.pageAccount .group.filterButtons .buttons .button.active {
|
||||
animation-name: rgb-bg !important;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
#top.focus .button.discord::after,
|
||||
#top .button.discord.dotHidden::after
|
||||
{
|
||||
animation-name: none !important;
|
||||
#top .button.discord.dotHidden::after {
|
||||
animation-name: none !important;
|
||||
}
|
||||
|
||||
.logo .bottom,
|
||||
|
|
@ -70,11 +68,11 @@
|
|||
#menu .icon-button:hover,
|
||||
#top .config .group .buttons .text-button:hover,
|
||||
a:hover,
|
||||
#words.flipped .word{
|
||||
animation-name: rgb;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
#words.flipped .word {
|
||||
animation-name: rgb;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
/* .word letter.correct{
|
||||
|
|
@ -84,14 +82,13 @@ a:hover,
|
|||
animation-timing-function: linear;
|
||||
} */
|
||||
|
||||
|
||||
#words.flipped .word letter.correct {
|
||||
color: var(--sub-color);
|
||||
color: var(--sub-color);
|
||||
}
|
||||
|
||||
#words:not(.flipped) .word letter.correct {
|
||||
animation-name: rgb;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
animation-name: rgb;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--main-color: #e2b714;
|
||||
--caret-color: #e2b714;
|
||||
--sub-color: #aaaeb3;
|
||||
--bg-color: #e1e1e3;
|
||||
--text-color:#323437;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
--main-color: #e2b714;
|
||||
--caret-color: #e2b714;
|
||||
--sub-color: #aaaeb3;
|
||||
--bg-color: #e1e1e3;
|
||||
--text-color: #323437;
|
||||
--error-color: #da3333;
|
||||
--error-extra-color: #791717;
|
||||
--colorful-error-color: #da3333;
|
||||
--colorful-error-extra-color: #791717;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #323437;
|
||||
--main-color: #e2b714;
|
||||
--caret-color: #e2b714;
|
||||
--sub-color: #646669;
|
||||
--text-color: #d1d0c5;
|
||||
--error-color: #ca4754;
|
||||
--error-extra-color: #7e2a33;
|
||||
--colorful-error-color: #ca4754;
|
||||
--colorful-error-extra-color: #7e2a33;
|
||||
}
|
||||
--bg-color: #323437;
|
||||
--main-color: #e2b714;
|
||||
--caret-color: #e2b714;
|
||||
--sub-color: #646669;
|
||||
--text-color: #d1d0c5;
|
||||
--error-color: #ca4754;
|
||||
--error-extra-color: #7e2a33;
|
||||
--colorful-error-color: #ca4754;
|
||||
--colorful-error-extra-color: #7e2a33;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,32 +1,33 @@
|
|||
:root {
|
||||
--bg-color: #000;
|
||||
--main-color: #eee;
|
||||
--caret-color: #eee;
|
||||
--sub-color: #444;
|
||||
--text-color: #eee;
|
||||
--error-color: #fff;
|
||||
--error-extra-color: #d8d8d8;
|
||||
--colorful-error-color: #fff;
|
||||
--colorful-error-extra-color: #d8d8d8;
|
||||
--bg-color: #000;
|
||||
--main-color: #eee;
|
||||
--caret-color: #eee;
|
||||
--sub-color: #444;
|
||||
--text-color: #eee;
|
||||
--error-color: #fff;
|
||||
--error-extra-color: #d8d8d8;
|
||||
--colorful-error-color: #fff;
|
||||
--colorful-error-extra-color: #d8d8d8;
|
||||
}
|
||||
|
||||
@keyframes shadow {
|
||||
to {
|
||||
color: #000;
|
||||
}
|
||||
to {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shadow-repeat {
|
||||
50% {
|
||||
color: #000;
|
||||
}
|
||||
100% {
|
||||
color: #eee;
|
||||
}
|
||||
50% {
|
||||
color: #000;
|
||||
}
|
||||
100% {
|
||||
color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
#liveWpm, #timerNumber{
|
||||
color: white;
|
||||
#liveWpm,
|
||||
#timerNumber {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#top .config .group .buttons .text-button.active,
|
||||
|
|
@ -34,17 +35,18 @@
|
|||
#menu .icon-button:hover,
|
||||
#top .config .group .buttons .text-button:hover,
|
||||
a:hover {
|
||||
animation-name: shadow-repeat;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: linear;
|
||||
animation-name: shadow-repeat;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
#logo, .word letter.correct{
|
||||
animation-name: shadow;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: 1;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: linear;
|
||||
#logo,
|
||||
.word letter.correct {
|
||||
animation-name: shadow;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: 1;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #ced7e0;
|
||||
--main-color: #81c4dd;
|
||||
--caret-color: #81c4dd;
|
||||
--sub-color: #7599b1;
|
||||
--text-color: #3b4c58;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
--bg-color: #ced7e0;
|
||||
--main-color: #81c4dd;
|
||||
--caret-color: #81c4dd;
|
||||
--sub-color: #7599b1;
|
||||
--text-color: #3b4c58;
|
||||
--error-color: #bf616a;
|
||||
--error-extra-color: #793e44;
|
||||
--colorful-error-color: #bf616a;
|
||||
--colorful-error-extra-color: #793e44;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #002b36;
|
||||
--main-color: #859900;
|
||||
--caret-color: #dc322f;
|
||||
--sub-color: #2aa198;
|
||||
--text-color: #268bd2;
|
||||
--error-color: #d33682;
|
||||
--error-extra-color: #9b225c;
|
||||
--colorful-error-color: #d33682 ;
|
||||
--colorful-error-extra-color: #9b225c;
|
||||
}
|
||||
--bg-color: #002b36;
|
||||
--main-color: #859900;
|
||||
--caret-color: #dc322f;
|
||||
--sub-color: #2aa198;
|
||||
--text-color: #268bd2;
|
||||
--error-color: #d33682;
|
||||
--error-extra-color: #9b225c;
|
||||
--colorful-error-color: #d33682;
|
||||
--colorful-error-extra-color: #9b225c;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #fdf6e3;
|
||||
--main-color: #859900;
|
||||
--caret-color: #dc322f;
|
||||
--sub-color: #2aa198;
|
||||
--text-color: #268bd2;
|
||||
--error-color: #d33682;
|
||||
--error-extra-color: #9b225c;
|
||||
--colorful-error-color: #d33682 ;
|
||||
--colorful-error-extra-color: #9b225c;
|
||||
}
|
||||
--bg-color: #fdf6e3;
|
||||
--main-color: #859900;
|
||||
--caret-color: #dc322f;
|
||||
--sub-color: #2aa198;
|
||||
--text-color: #268bd2;
|
||||
--error-color: #d33682;
|
||||
--error-extra-color: #9b225c;
|
||||
--colorful-error-color: #d33682;
|
||||
--colorful-error-extra-color: #9b225c;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #f37f83;
|
||||
--main-color: #fcfcf8;
|
||||
--caret-color: #fcfcf8;
|
||||
--sub-color: #e53c58;
|
||||
--text-color: #fcfcf8;
|
||||
--error-color: #fcd23f;
|
||||
--error-extra-color: #d7ae1e;
|
||||
--colorful-error-color: #fcd23f;
|
||||
--colorful-error-extra-color: #d7ae1e;
|
||||
}
|
||||
--bg-color: #f37f83;
|
||||
--main-color: #fcfcf8;
|
||||
--caret-color: #fcfcf8;
|
||||
--sub-color: #e53c58;
|
||||
--text-color: #fcfcf8;
|
||||
--error-color: #fcd23f;
|
||||
--error-extra-color: #d7ae1e;
|
||||
--colorful-error-color: #fcd23f;
|
||||
--colorful-error-extra-color: #d7ae1e;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #124883;
|
||||
--main-color: #d7dcda;
|
||||
--caret-color: #d7dcda;
|
||||
--sub-color: #0f2d4e;
|
||||
--text-color: #d6dbd9;
|
||||
--error-color: #fb4934;
|
||||
--error-extra-color: #cc241d;
|
||||
--colorful-error-color: #fb4934;
|
||||
--colorful-error-extra-color: #cc241d;
|
||||
}
|
||||
--bg-color: #124883;
|
||||
--main-color: #d7dcda;
|
||||
--caret-color: #d7dcda;
|
||||
--sub-color: #0f2d4e;
|
||||
--text-color: #d6dbd9;
|
||||
--error-color: #fb4934;
|
||||
--error-extra-color: #cc241d;
|
||||
--colorful-error-color: #fb4934;
|
||||
--colorful-error-extra-color: #cc241d;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,21 +6,21 @@
|
|||
--sub-color: #6f6c91;
|
||||
--text-color: #130f1a;
|
||||
--error-color: #ffe23e;
|
||||
--error-extra-color: #fff1c3;
|
||||
--error-extra-color: #fff1c3;
|
||||
--colorful-error-color: #ffe23e;
|
||||
--colorful-error-extra-color: #fff1c3;
|
||||
--colorful-error-extra-color: #fff1c3;
|
||||
}
|
||||
|
||||
.word.error{
|
||||
.word.error {
|
||||
border-bottom: dotted 2px var(--text-color);
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(1){
|
||||
#menu .icon-button:nth-child(1) {
|
||||
background: var(--caret-color);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#menu .icon-button:nth-child(2){
|
||||
#menu .icon-button:nth-child(2) {
|
||||
background: var(--error-color);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #191a1b;
|
||||
--caret-color: #79a617;
|
||||
--main-color: #79a617;
|
||||
--sub-color: #48494b;
|
||||
--text-color: #e7eae0;
|
||||
--error-color: #a61717;
|
||||
--error-extra-color: #731010;
|
||||
--colorful-error-color: #a61717;
|
||||
--colorful-error-extra-color: #731010;
|
||||
--bg-color: #191a1b;
|
||||
--caret-color: #79a617;
|
||||
--main-color: #79a617;
|
||||
--sub-color: #48494b;
|
||||
--text-color: #e7eae0;
|
||||
--error-color: #a61717;
|
||||
--error-extra-color: #731010;
|
||||
--colorful-error-color: #a61717;
|
||||
--colorful-error-extra-color: #731010;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #0c100e;
|
||||
--main-color: #89c559;
|
||||
--caret-color: #89c559;
|
||||
--sub-color: #436029;
|
||||
--text-color: #f0edd1;
|
||||
--error-color: #d3ca78;
|
||||
--error-extra-color: #89844d;
|
||||
--colorful-error-color: #d3ca78;
|
||||
--colorful-error-extra-color: #89844d;
|
||||
--bg-color: #0c100e;
|
||||
--main-color: #89c559;
|
||||
--caret-color: #89c559;
|
||||
--sub-color: #436029;
|
||||
--text-color: #f0edd1;
|
||||
--error-color: #d3ca78;
|
||||
--error-extra-color: #89844d;
|
||||
--colorful-error-color: #d3ca78;
|
||||
--colorful-error-extra-color: #89844d;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #a4a7ea;
|
||||
--main-color: #e368da;
|
||||
--caret-color: #28cafe;
|
||||
--sub-color: #7C7faf;
|
||||
--text-color: #f1ebf1;
|
||||
--error-color: #573ca9;
|
||||
--error-extra-color: #3d2b77;
|
||||
--colorful-error-color: #28cafe;
|
||||
--colorful-error-extra-color: #25a9ce;
|
||||
--bg-color: #a4a7ea;
|
||||
--main-color: #e368da;
|
||||
--caret-color: #28cafe;
|
||||
--sub-color: #7c7faf;
|
||||
--text-color: #f1ebf1;
|
||||
--error-color: #573ca9;
|
||||
--error-extra-color: #3d2b77;
|
||||
--colorful-error-color: #28cafe;
|
||||
--colorful-error-extra-color: #25a9ce;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #190618;
|
||||
--main-color: #e0caac;
|
||||
--caret-color: #e0caac;
|
||||
--sub-color: #4c1e48;
|
||||
--text-color: #eeeae4;
|
||||
--error-color: #af3735;
|
||||
--error-extra-color: #7e2a29;
|
||||
--colorful-error-color: #af3735;
|
||||
--colorful-error-extra-color: #7e2a29;
|
||||
}
|
||||
--bg-color: #190618;
|
||||
--main-color: #e0caac;
|
||||
--caret-color: #e0caac;
|
||||
--sub-color: #4c1e48;
|
||||
--text-color: #eeeae4;
|
||||
--error-color: #af3735;
|
||||
--error-extra-color: #7e2a29;
|
||||
--colorful-error-color: #af3735;
|
||||
--colorful-error-extra-color: #7e2a29;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
:root {
|
||||
--bg-color: #1F4437;
|
||||
--main-color: #d6686f;
|
||||
--caret-color: #d6686f;
|
||||
--sub-color: #3e7a65;
|
||||
--text-color: #CDC6BC;
|
||||
--error-color: #c82931;
|
||||
--error-extra-color: #ac1823;
|
||||
--colorful-error-color: #c82931;
|
||||
--colorful-error-extra-color: #ac1823;
|
||||
}
|
||||
--bg-color: #1f4437;
|
||||
--main-color: #d6686f;
|
||||
--caret-color: #d6686f;
|
||||
--sub-color: #3e7a65;
|
||||
--text-color: #cdc6bc;
|
||||
--error-color: #c82931;
|
||||
--error-extra-color: #ac1823;
|
||||
--colorful-error-color: #c82931;
|
||||
--colorful-error-extra-color: #ac1823;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue