monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-11-10 22:22:21 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve default timer style and color

Browse source 
Sets timer style to mini, color to "main" and full opacity.
So it looks better by default with most themes. With some themes the
previous black+0.25 was really hard to see, or just looked really bad.
This commit is contained in:
SeerLite 2021-04-06 15:17:26 -04:00
parent 66b228241a
commit 0a31eda4db
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/js/config.js
View file

@ -77,11 +77,11 @@ let defaultConfig = {
savedLayout: "default",
confidenceMode: "off",
indicateTypos: false,
timerStyle: "text",
timerStyle: "mini",
colorfulMode: false,
randomTheme: "off",
timerColor: "black",
timerOpacity: "0.25",
timerColor: "main",
timerOpacity: "1",
stopOnError: "off",
showAllLines: false,
keymapMode: "off",
@ -842,7 +842,7 @@ export function toggleHideExtraLetters() {
export function setTimerStyle(style, nosave) {
if (style == null || style == undefined) {
style = "bar";
style = "mini";
}
config.timerStyle = style;
if (!nosave) saveToCookie();
@ -1375,7 +1375,7 @@ export function setCustomBackground(value, nosave) {
}
export function setCustomBackgroundSize(value, nosave) {
if (value != "cover" && value != "contain" && value!= "max") {
if (value != "cover" && value != "contain" && value != "max") {
value = "cover";
}
config.customBackgroundSize = value;

8
static/index.html
View file

@ -875,7 +875,7 @@
</div>
</div>
<div id="timerWrapper">
<div id="timer"></div>
<div id="timer" class="timerMain"></div>
</div>
<div style="display: flex; justify-content: space-around">
<div id="nitropay_ad_left" class="hidden"></div>
@ -1067,10 +1067,10 @@
<div id="caret" class="default size15"></div>
<div id="paceCaret" class="default size15 hidden"></div>
<input id="wordsInput" class="" tabindex="0" autocomplete="off" />
<div id="timerNumber">
<div id="timerNumber" class="timerMain">
<div>60</div>
</div>
<div id="miniTimerAndLiveWpm">
<div id="miniTimerAndLiveWpm" class="timerMain">
<div class="time hidden">1:00</div>
<div class="wpm">60</div>
<div class="acc">100%</div>
@ -1256,7 +1256,7 @@
</div>
</div>
</div>
<div id="largeLiveWpmAndAcc">
<div id="largeLiveWpmAndAcc" class="timerMain">
<div id="liveWpm" class="hidden">123</div>
<div id="liveAcc" class="hidden">100%%</div>
</div>