monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 07:16:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

actually using prettier now

Browse source
This commit is contained in:
Jack 2020-08-11 22:02:25 +01:00
parent 91e7430049
commit 1458abf378
92 changed files with 44393 additions and 38305 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.prettierrc
View file

@ -1,4 +1,5 @@
{
"tabWidth": 2,
"useTabs": false
"useTabs": false,
"htmlWhitespaceSensitivity": "ignore"
}

9
README.md
View file

@ -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.

28
firebase.json
View file

@ -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"
// ]
// }
}
}

8
functions/.eslintrc.json
View file

@ -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

7
public/css/balloon.css
View file

@ -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
View file

File diff suppressed because it is too large Load diff

33
public/css/style.scss
View file

@ -2,8 +2,8 @@
@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Oxygen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Oxygen&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");
:root {
--roundness: 0.25rem;
@ -379,7 +379,7 @@ a:hover {
.check {
span {
display: block;
font-size: .76rem;
font-size: 0.76rem;
color: var(--sub-color);
margin-left: 1.5rem;
}
@ -391,7 +391,7 @@ a:hover {
height: 0;
display: none;
&~.customTextRandomCheckbox {
& ~ .customTextRandomCheckbox {
width: 12px;
height: 12px;
background: rgba(0, 0, 0, 0.1);
@ -402,7 +402,7 @@ a:hover {
transition: 0.25s;
}
&:checked~.customTextRandomCheckbox {
&:checked ~ .customTextRandomCheckbox {
background: var(--main-color);
}
}
@ -785,8 +785,7 @@ a:hover {
}
&.outline {
@extend #caret,
.block;
@extend #caret, .block;
background: transparent;
border: 1px solid var(--caret-color);
}
@ -824,7 +823,6 @@ a:hover {
}
@keyframes caretFlash {
0%,
100% {
opacity: 0;
@ -1509,9 +1507,9 @@ key {
border-bottom: 2px solid var(--error-color);
text-shadow: 1px 0px 0px var(--bg-color),
// 2px 0px 0px var(--bg-color),
-1px 0px 0px var(--bg-color),
-1px 0px 0px var(--bg-color),
// -2px 0px 0px var(--bg-color),
0px 1px 0px var(--bg-color),
0px 1px 0px var(--bg-color),
1px 1px 0px var(--bg-color), -1px 1px 0px var(--bg-color);
}
@ -1617,7 +1615,7 @@ key {
height: 0;
display: none;
&~.customCheckbox {
& ~ .customCheckbox {
width: 12px;
height: 12px;
background: rgba(0, 0, 0, 0.1);
@ -1628,7 +1626,7 @@ key {
transition: 0.25s;
}
&:checked~.customCheckbox {
&:checked ~ .customCheckbox {
background: var(--main-color);
}
}
@ -1692,14 +1690,14 @@ key {
color: var(--sub-color);
line-height: 2rem;
cursor: pointer;
transition: .25s;
transition: 0.25s;
&:hover {
color: var(--text-color);
}
.fas {
margin-left: .5rem;
margin-left: 0.5rem;
&.rotate {
transform: rotate(-90deg);
@ -1904,7 +1902,7 @@ key {
"title tabs"
"buttons buttons";
column-gap: 2rem;
row-gap: .5rem;
row-gap: 0.5rem;
.tabs {
display: grid;
@ -2058,7 +2056,7 @@ key {
.fas,
.punc {
margin-right: .25rem;
margin-right: 0.25rem;
}
.spacer {
@ -2143,7 +2141,6 @@ key {
grid-template-columns: repeat(4, 1fr);
grid-auto-flow: unset;
}
}
.buttons {
@ -2434,4 +2431,4 @@ key {
.r5 {
display: grid;
grid-template-columns: 4fr 7.5fr 4fr;
}
}

3
public/funbox/choo_choo.css
View file

@ -12,7 +12,6 @@
}
}
letter {
animation: woah 2s infinite linear;
}
}

46
public/funbox/earthquake.css
View file

@ -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;
}

6
public/funbox/list.json
View file

@ -1,4 +1,5 @@
[{
[
{
"name": "nausea",
"type": "style"
},
@ -27,7 +28,6 @@
"type": "script"
},
{
"name": "layoutfluid",
"type": "script"
},
@ -47,4 +47,4 @@
"name": "58008",
"type": "script"
}
]
]

2
public/funbox/mirror.css
View file

@ -1,3 +1,3 @@
#middle {
transform: scaleX(-1);
}
}

17
public/funbox/nausea.css
View file

@ -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;
}
}

3
public/funbox/round_round_baby.css
View file

@ -12,11 +12,10 @@
}
}
#middle {
animation: woah 5s infinite linear;
}
body {
overflow: hidden;
}
}

2
public/funbox/simon_says.css
View file

@ -4,4 +4,4 @@
#words .word {
color: var(--bg-color) !important;
}
}

5
public/funbox/space_balls.css
View file

@ -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;
}
}

3852
public/index.html
View file

File diff suppressed because it is too large Load diff

33458
public/js/chart.js
View file

File diff suppressed because it is too large Load diff

2024
public/js/chartjs-plugin-annotation.js
View file

File diff suppressed because it is too large Load diff

189
public/js/chartjs-plugin-trendline.js
View file

@ -9,115 +9,124 @@
* Mod by: vesal: accept also xy-data so works with scatter
*/
var pluginTrendlineLinear = {
afterDatasetsDraw: function(chartInstance) {
var yScale;
var xScale;
for (var axis in chartInstance.scales) {
if ( axis[0] == 'x')
xScale = chartInstance.scales[axis];
else
yScale = chartInstance.scales[axis];
if ( xScale && yScale ) break;
}
var ctx = chartInstance.chart.ctx;
chartInstance.data.datasets.forEach(function(dataset, index) {
if (dataset.trendlineLinear && chartInstance.isDatasetVisible(index)) {
var datasetMeta = chartInstance.getDatasetMeta(index);
addFitter(datasetMeta, ctx, dataset, xScale, yScale);
}
});
ctx.setLineDash([]);
afterDatasetsDraw: function (chartInstance) {
var yScale;
var xScale;
for (var axis in chartInstance.scales) {
if (axis[0] == "x") xScale = chartInstance.scales[axis];
else yScale = chartInstance.scales[axis];
if (xScale && yScale) break;
}
var ctx = chartInstance.chart.ctx;
chartInstance.data.datasets.forEach(function (dataset, index) {
if (dataset.trendlineLinear && chartInstance.isDatasetVisible(index)) {
var datasetMeta = chartInstance.getDatasetMeta(index);
addFitter(datasetMeta, ctx, dataset, xScale, yScale);
}
});
ctx.setLineDash([]);
},
};
function addFitter(datasetMeta, ctx, dataset, xScale, yScale) {
if(datasetMeta.data == [] || datasetMeta.data == null || datasetMeta.data.length == 0) return;
var style = dataset.trendlineLinear.style || dataset.borderColor;
var lineWidth = dataset.trendlineLinear.width || dataset.borderWidth;
var lineStyle = dataset.trendlineLinear.lineStyle || "solid";
if (
datasetMeta.data == [] ||
datasetMeta.data == null ||
datasetMeta.data.length == 0
)
return;
var style = dataset.trendlineLinear.style || dataset.borderColor;
var lineWidth = dataset.trendlineLinear.width || dataset.borderWidth;
var lineStyle = dataset.trendlineLinear.lineStyle || "solid";
style = (style !== undefined) ? style : "rgba(169,169,169, .6)";
lineWidth = (lineWidth !== undefined) ? lineWidth : 3;
style = style !== undefined ? style : "rgba(169,169,169, .6)";
lineWidth = lineWidth !== undefined ? lineWidth : 3;
var fitter = new LineFitter();
var lastIndex = dataset.data.length - 1;
var startPos = datasetMeta.data[0]._model.x;
var endPos = datasetMeta.data[lastIndex]._model.x;
var fitter = new LineFitter();
var lastIndex = dataset.data.length - 1;
var startPos = datasetMeta.data[0]._model.x;
var endPos = datasetMeta.data[lastIndex]._model.x;
var xy = false;
if ( dataset.data && typeof dataset.data[0] === 'object') xy = true;
var xy = false;
if (dataset.data && typeof dataset.data[0] === "object") xy = true;
dataset.data.forEach(function(data, index) {
if(data == null)
return;
if ( xy ) fitter.add(data.x, data.y);
else fitter.add(index, data);
});
dataset.data.forEach(function (data, index) {
if (data == null) return;
if (xy) fitter.add(data.x, data.y);
else fitter.add(index, data);
});
var x1 = xScale.getPixelForValue(fitter.minx);
var x2 = xScale.getPixelForValue(fitter.maxx);
var y1 = yScale.getPixelForValue(fitter.f(fitter.minx));
var y2 = yScale.getPixelForValue(fitter.f(fitter.maxx));
if ( !xy ) { x1 = startPos; x2 = endPos; }
var drawBottom = datasetMeta.controller.chart.chartArea.bottom;
var chartWidth = datasetMeta.controller.chart.width;
var x1 = xScale.getPixelForValue(fitter.minx);
var x2 = xScale.getPixelForValue(fitter.maxx);
var y1 = yScale.getPixelForValue(fitter.f(fitter.minx));
var y2 = yScale.getPixelForValue(fitter.f(fitter.maxx));
if (!xy) {
x1 = startPos;
x2 = endPos;
}
if(y1 > drawBottom) { // Left side is below zero
var diff = y1 - drawBottom;
var lineHeight = y1 - y2;
var overlapPercentage = diff / lineHeight;
var addition = chartWidth * overlapPercentage;
var drawBottom = datasetMeta.controller.chart.chartArea.bottom;
var chartWidth = datasetMeta.controller.chart.width;
y1 = drawBottom;
x1 = (x1 + addition);
} else if(y2 > drawBottom) { // right side is below zero
var diff = y2 - drawBottom;
var lineHeight = y2 - y1;
var overlapPercentage = diff / lineHeight;
var subtraction = chartWidth - (chartWidth * overlapPercentage);
if (y1 > drawBottom) {
// Left side is below zero
var diff = y1 - drawBottom;
var lineHeight = y1 - y2;
var overlapPercentage = diff / lineHeight;
var addition = chartWidth * overlapPercentage;
y2 = drawBottom;
x2 = chartWidth - (x2 - subtraction);
}
y1 = drawBottom;
x1 = x1 + addition;
} else if (y2 > drawBottom) {
// right side is below zero
var diff = y2 - drawBottom;
var lineHeight = y2 - y1;
var overlapPercentage = diff / lineHeight;
var subtraction = chartWidth - chartWidth * overlapPercentage;
ctx.lineWidth = lineWidth;
if (lineStyle === "dotted") { ctx.setLineDash([6, 6]); }
ctx.beginPath();
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.strokeStyle = style;
ctx.stroke();
y2 = drawBottom;
x2 = chartWidth - (x2 - subtraction);
}
ctx.lineWidth = lineWidth;
if (lineStyle === "dotted") {
ctx.setLineDash([6, 6]);
}
ctx.beginPath();
ctx.moveTo(x1, y1);
ctx.lineTo(x2, y2);
ctx.strokeStyle = style;
ctx.stroke();
}
Chart.plugins.register(pluginTrendlineLinear);
function LineFitter() {
this.count = 0;
this.sumX = 0;
this.sumX2 = 0;
this.sumXY = 0;
this.sumY = 0;
this.minx = 1e100;
this.maxx = -1e100;
this.count = 0;
this.sumX = 0;
this.sumX2 = 0;
this.sumXY = 0;
this.sumY = 0;
this.minx = 1e100;
this.maxx = -1e100;
}
LineFitter.prototype = {
'add': function (x, y) {
this.count++;
this.sumX += x;
this.sumX2 += x * x;
this.sumXY += x * y;
this.sumY += y;
if ( x < this.minx ) this.minx = x;
if ( x > this.maxx ) this.maxx = x;
},
'f': function (x) {
var det = this.count * this.sumX2 - this.sumX * this.sumX;
var offset = (this.sumX2 * this.sumY - this.sumX * this.sumXY) / det;
var scale = (this.count * this.sumXY - this.sumX * this.sumY) / det;
return offset + x * scale;
}
add: function (x, y) {
this.count++;
this.sumX += x;
this.sumX2 += x * x;
this.sumXY += x * y;
this.sumY += y;
if (x < this.minx) this.minx = x;
if (x > this.maxx) this.maxx = x;
},
f: function (x) {
var det = this.count * this.sumX2 - this.sumX * this.sumX;
var offset = (this.sumX2 * this.sumY - this.sumX * this.sumXY) / det;
var scale = (this.count * this.sumXY - this.sumX * this.sumY) / det;
return offset + x * scale;
},
};

377
public/js/easing.js
View file

@ -5,201 +5,246 @@
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
*/
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.easing["jswing"] = jQuery.easing["swing"];
jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
jQuery.extend(jQuery.easing, {
def: "easeOutQuad",
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c * (t /= d) * t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c * (t /= d) * (t - 2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) return (c / 2) * t * t + b;
return (-c / 2) * (--t * (t - 2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c * (t /= d) * t * t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c * ((t = t / d - 1) * t * t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) return (c / 2) * t * t * t + b;
return (c / 2) * ((t -= 2) * t * t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c * (t /= d) * t * t * t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t = t / d - 1) * t * t * t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) return (c / 2) * t * t * t * t + b;
return (-c / 2) * ((t -= 2) * t * t * t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c * (t /= d) * t * t * t * t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) return (c / 2) * t * t * t * t * t + b;
return (c / 2) * ((t -= 2) * t * t * t * t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos((t / d) * (Math.PI / 2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin((t / d) * (Math.PI / 2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return (-c / 2) * (Math.cos((Math.PI * t) / d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return t == 0 ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return t == d ? b + c : c * (-Math.pow(2, (-10 * t) / d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t == 0) return b;
if (t == d) return b + c;
if ((t /= d / 2) < 1) return (c / 2) * Math.pow(2, 10 * (t - 1)) + b;
return (c / 2) * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;
return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) return b;
if ((t /= d) == 1) return b + c;
if (!p) p = d * 0.3;
if (a < Math.abs(c)) {
a = c;
var s = p / 4;
} else var s = (p / (2 * Math.PI)) * Math.asin(c / a);
return (
-(
a *
Math.pow(2, 10 * (t -= 1)) *
Math.sin(((t * d - s) * (2 * Math.PI)) / p)
) + b
);
},
easeOutElastic: function (x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) return b;
if ((t /= d) == 1) return b + c;
if (!p) p = d * 0.3;
if (a < Math.abs(c)) {
a = c;
var s = p / 4;
} else var s = (p / (2 * Math.PI)) * Math.asin(c / a);
return (
a * Math.pow(2, -10 * t) * Math.sin(((t * d - s) * (2 * Math.PI)) / p) +
c +
b
);
},
easeInOutElastic: function (x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) return b;
if ((t /= d / 2) == 2) return b + c;
if (!p) p = d * (0.3 * 1.5);
if (a < Math.abs(c)) {
a = c;
var s = p / 4;
} else var s = (p / (2 * Math.PI)) * Math.asin(c / a);
if (t < 1)
return (
-0.5 *
(a *
Math.pow(2, 10 * (t -= 1)) *
Math.sin(((t * d - s) * (2 * Math.PI)) / p)) +
b
);
return (
a *
Math.pow(2, -10 * (t -= 1)) *
Math.sin(((t * d - s) * (2 * Math.PI)) / p) *
0.5 +
c +
b
);
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c * (t /= d) * t * ((s + 1) * t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t /= d / 2) < 1)
return (c / 2) * (t * t * (((s *= 1.525) + 1) * t - s)) + b;
return (c / 2) * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t /= d) < 1 / 2.75) {
return c * (7.5625 * t * t) + b;
} else if (t < 2 / 2.75) {
return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;
} else if (t < 2.5 / 2.75) {
return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;
} else {
return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d / 2)
return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * 0.5 + b;
return (
jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b
);
},
});
/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
*/

20000
public/js/english_10k.json
View file

File diff suppressed because it is too large Load diff

5
public/js/english_quotes.json
View file

@ -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
}
]
]

5
public/js/fonts.json
View file

@ -1,4 +1,5 @@
[{
[
{
"name": "Roboto Mono"
},
{
@ -35,4 +36,4 @@
{
"name": "Nunito"
}
]
]

15910
public/js/html2canvas.js
View file

File diff suppressed because one or more lines are too long

108
public/soon.html
View file

@ -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>

20
public/themes/8008.css
View file

@ -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;
}

16
public/themes/9009.css
View file

@ -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);
}

4
public/themes/bento.css
View file

@ -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
public/themes/bingsu.css
View file

@ -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);
}

18
public/themes/bushido.css
View file

@ -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;
}

10
public/themes/cafe.css
View file

@ -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;

25
public/themes/camping.css
View file

@ -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;
}

20
public/themes/carbon.css
View file

@ -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;
}

20
public/themes/cyberspace.css
View file

@ -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;
}

20
public/themes/dark.css
View file

@ -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;
}

20
public/themes/deku.css
View file

@ -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;
}

42
public/themes/dots.css
View file

@ -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;
}

15
public/themes/dracula.css
View file

@ -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;
}
}

15
public/themes/dualshot.css
View file

@ -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;
}
}

15
public/themes/future_funk.css
View file

@ -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),

2
public/themes/graen.css
View file

@ -17,4 +17,4 @@
#menu .icon-button:nth-child(5),
#menu .icon-button:nth-child(6) {
color: #601420;
}
}

20
public/themes/gruvbox_dark.css
View file

@ -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;
}

20
public/themes/gruvbox_light.css
View file

@ -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;
}

20
public/themes/hammerhead.css
View file

@ -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;
}

20
public/themes/honey.css
View file

@ -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;
}

22
public/themes/ishtar.css
View file

@ -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;
}

20
public/themes/joker.css
View file

@ -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;
}

18
public/themes/laser.css
View file

@ -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;
}

20
public/themes/light.css
View file

@ -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;
}

693
public/themes/list.json
View file

@ -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"
}
]

20
public/themes/luna.css
View file

@ -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;
}

20
public/themes/mashu.css
View file

@ -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;
}

20
public/themes/matcha_moccha.css
View file

@ -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;
}

25
public/themes/matrix.css
View file

@ -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;
}

20
public/themes/menthol.css
View file

@ -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;
}

18
public/themes/metaverse.css
View file

@ -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;
}

18
public/themes/miami.css
View file

@ -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;
}

18
public/themes/miami_nights.css
View file

@ -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;
}

1
public/themes/milkshake.css
View file

@ -10,7 +10,6 @@
--colorful-error-extra-color: #e58c9d;
}
#menu .icon-button:nth-child(1) {
color: #f19dac;
}

18
public/themes/mint.css
View file

@ -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;
}

20
public/themes/mizu.css
View file

@ -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;
}

18
public/themes/modern_dolch.css
View file

@ -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;
}

20
public/themes/monokai.css
View file

@ -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;
}

31
public/themes/mr_sleeves.css
View file

@ -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;
} */
} */

18
public/themes/nausea.css
View file

@ -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;
}
}

20
public/themes/nautilus.css
View file

@ -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;
}

20
public/themes/night_runner.css
View file

@ -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;
}

20
public/themes/nord.css
View file

@ -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;
}

20
public/themes/norse.css
View file

@ -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;
}

40
public/themes/oblivion.css
View file

@ -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;
}

18
public/themes/olive.css
View file

@ -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;
}

20
public/themes/olivia.css
View file

@ -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;
}

20
public/themes/pulse.css
View file

@ -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;
}

18
public/themes/red_dragon.css
View file

@ -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;
}

22
public/themes/red_samurai.css
View file

@ -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;
}

22
public/themes/retro.css
View file

@ -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;
}

28
public/themes/retrocast.css
View file

@ -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;
}

119
public/themes/rgb.css
View file

@ -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;
}

20
public/themes/serika.css
View file

@ -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;
}

20
public/themes/serika_dark.css
View file

@ -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;
}

64
public/themes/shadow.css
View file

@ -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;
}

20
public/themes/shoko.css
View file

@ -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;
}

20
public/themes/solarized_dark.css
View file

@ -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;
}

20
public/themes/solarized_light.css
View file

@ -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;
}

20
public/themes/strawberry.css
View file

@ -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;
}

20
public/themes/striker.css
View file

@ -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;
}

10
public/themes/taro.css
View file

@ -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%;
}

18
public/themes/terminal.css
View file

@ -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;
}

18
public/themes/terra.css
View file

@ -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;
}

18
public/themes/vaporwave.css
View file

@ -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;
}

20
public/themes/voc.css
View file

@ -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;
}

20
public/themes/watermelon.css
View file

@ -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;
}