Bigger text / highlighted color change
Works both for light, dark, and the classic theme of Typeracer (works best for the Dark theme though, there is better contrast)
Authorww2beta
LicenseNo License
Categorytyperacer
Created
Updated
Size9.7 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Bigger text / highlighted color change
Works both for light, dark, and the classic theme of Typeracer (works best for the Dark theme though, there is better contrast)
/* ==UserStyle==
@name TR: Colorblind (green) Bigger Text
@version 20220617.10.16
@namespace userstyles.world/user/ww2beta
@description Bigger text / highlighted color change
Works both for light, dark, and the classic theme of Typeracer
@author ww2beta
@license No License
==/UserStyle== */
@-moz-document domain("typeracer.com") {
.nonHideableWords, .inputPanel span {
letter-spacing: 0.35px;
word-spacing: 1.2px;
line-height: 28px;
/*font-size: 26.2px !important;*/
font-size: 1.2em !important;
}
.inputPanel > tbody > tr > td > table > tbody > tr > td > div > div > span {
filter: hue-rotate(330deg) saturate(1.3);
}
.inputPanel .txtInput.txtInput-error {
color: #282828 !important;
background-color: #ff9ac7 !important;
}
body.redesigndark .mainViewport table.inputPanel .txtInput.txtInput-error {
color: #282828 !important;
background-color: #ff9ac7 !important;
}
body{
overflow-x: hidden;
}
div.progressBar{
border-color: #ffae00 !important;
}
/* no error highlighting */
/*
.inputPanel > tbody > tr:nth-child(1) > td > table > tbody > tr:nth-child(1) > td > div > div > span {
text-decoration: none;
color: inherit;
background-color: transparent;
}*/
body.redesigndark .change-theme-button, body.redesigndark .prompt-button.gwt-Anchor, body.redesigndark .mainViewport table.navControls tr td:nth-child(1) a.gwt-Anchor, .mainViewport table.navControls tr td:nth-child(1) body.redesigndark a.gwt-Anchor, body.redesigndark .mainViewport table.navControls tr td:nth-child(2) .gwt-Anchor.raceAgainLink, .mainViewport table.navControls tr td:nth-child(2) body.redesigndark .gwt-Anchor.raceAgainLink, body.redesigndark .mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr.gwt-Anchor, .mainViewport table.textInfoView>tbody>tr .tblOwnStats body.redesigndark .ScoreMenuButton>tbody>tr.gwt-Anchor{
color: #fff;
background-color: #1067bf !important;
}
tr.gwt-Anchor:hover{
background-color:#004993 !important;
}
.mainViewport table.navControls tr td:nth-child(2) .raceAgainLink {
display: inline-block;
font-size: 100%;
background-color: #1067bf;
}
.mainViewport table.navControls tr td:nth-child(2) .raceAgainLink:hover {
display: inline-block;
font-size: 100%;
background-color: #004993;
}
/* latest highscores, halloffame, etc. buttons */
.statsView .gwt-TabPanel .gwt-TabBar.StatsViewTabs tbody .gwt-TabBarItem-wrapper .gwt-TabBarItem>.gwt-Label.Latest_High_Scores {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRBNDhDNzQzRjgzNDExRTc4NkU0RDJDNzA4QTIwQjAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRBNDhDNzQ0RjgzNDExRTc4NkU0RDJDNzA4QTIwQjAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REE0OEM3NDFGODM0MTFFNzg2RTREMkM3MDhBMjBCMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REE0OEM3NDJGODM0MTFFNzg2RTREMkM3MDhBMjBCMDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7b4EguAAAAcElEQVR42mL4//9/+X/KQDkjiGRgYJgFxGcZSAfGQJzGAuWchRpEKkgDEUwMVACjhmACFuSoIjOKGWDpZHCEySwKzZjFCPWNIBTDAIh9Bk3xeyA2wSL2ngFkCBYciiOzhWJTz4gnXF2wiO3BphAgwAD3lJP4+3Td9AAAAABJRU5ErkJggg==) #1b70c9 no-repeat left 0.5em center;
}
.statsView .gwt-TabPanel .gwt-TabBar.StatsViewTabs tbody .gwt-TabBarItem-wrapper .gwt-TabBarItem>.gwt-Label.My_Scores {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3NjZDN0IzRjgzNDExRTc5ODY1OTAzNTc5REE0NTE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3NjZDN0I0RjgzNDExRTc5ODY1OTAzNTc5REE0NTE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTc2NkM3QjFGODM0MTFFNzk4NjU5MDM1NzlEQTQ1MTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTc2NkM3QjJGODM0MTFFNzk4NjU5MDM1NzlEQTQ1MTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5850sjAAAAlUlEQVR42pSSCw2AMAwFCw6wMAuzgIVpAQkgAS3DAhYmASSU12X8aQaXXAJL32gbiJnpZAU7OCeHdLbX0C3g+YnXApZ17FZX0kFFOmZ/uvWvYd6+ILQvt8vZsr0UcRCiDjZwgmNqTwywhhb2MYyA4+84bZUavrxsII+VGfhHIG4p/KgPMkOd/pscUuOKU0cmeztYBRgA9IZEz89/gZcAAAAASUVORK5CYII=) #1b70c9 no-repeat left 0.5em center;
}
.statsView .gwt-TabPanel .gwt-TabBar.StatsViewTabs tbody .gwt-TabBarItem-wrapper .gwt-TabBarItem>.gwt-Label.Hall_of_Fame {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDE4ODkzRjgzNDExRTdBQkM0RkEzRTY3N0ExMDI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0RDE4ODk0RjgzNDExRTdBQkM0RkEzRTY3N0ExMDI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjREMTg4OTFGODM0MTFFN0FCQzRGQTNFNjc3QTEwMjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjREMTg4OTJGODM0MTFFN0FCQzRGQTNFNjc3QTEwMjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6p0QNcAAAAmElEQVR42mL4//8/Ax4sCMTvgPguECshyzEQ0Bj6HwFmIssxMeAHoThl8NiW9h8VhCLLM4LdiwlcgHg3mtgeKP0eiCtAGjuADEEkwXtAjCyGDZxl+I8Jdv8nDM4QChxcYDW5GuHR8Z5EfWdhGleDPUwcAAXeWRaobWlIgveI0PgeV+SD0mU5lhAGpVljfAkAHQiihwVAgAEAh0MIbyl1UJ0AAAAASUVORK5CYII=) #1b70c9 no-repeat left 0.5em center;
}
.statsView .gwt-TabPanel .gwt-TabBar.StatsViewTabs tbody .gwt-TabBarItem-wrapper .gwt-TabBarItem>.gwt-Label.Competitions {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyxpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDE0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwRjE3OUYzRjgzNTExRTdCNjIyRkE0NUVCN0JERTVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwRjE3OUY0RjgzNTExRTdCNjIyRkE0NUVCN0JERTVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDBGMTc5RjFGODM1MTFFN0I2MjJGQTQ1RUI3QkRFNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGMTc5RjJGODM1MTFFN0I2MjJGQTQ1RUI3QkRFNUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4lmndgAAAA4UlEQVR42pSSARGDMAxFQ28GaqEWsIAFLDAJIAELs4AFkDALIIFKyFJIt1DCgHf3e5BCmvwUEBFIjvTGlRfHNJWkmVXGeNzscUulJHC4J8TgASsOtuSkklSRLGlgpdhl5VPq5IROOTW0Oybvy/8ZLQXlCvKcfSJ1oNMolTQgDP1XRaRXYrnh/vd96njNF3NgVqPEh6MkwZMwhVpMIfoziCon3i84bnmi4fl5dg/mZCKRWt4hmaTF64wyiUku2FWcHIBJNu6gJvE3k/y+F70VbOQVWulJtri7LfHMm4n15SPAAPtqzBP9Ws7jAAAAAElFTkSuQmCC) #1b70c9 no-repeat left 0.5em center;
}
body.redesigndark .statsView .gwt-TabPanel .gwt-TabBar.StatsViewTabs tbody .gwt-TabBarItem-wrapper .gwt-TabBarItem.gwt-TabBarItem-selected>.gwt-Label {
box-shadow: 0 1px 3px 1px #111;
text-shadow: 2px 2px 3px rgb(17 17 17 / 30%);
color: #FFF700;
background-color: #1b70c9;
}
/* save and try again button */
.mainViewport table.textInfoView>tbody>tr .tblOwnStats .ScoreMenuButton>tbody>tr {
display: flex;
background-color: #a68800;
background-image: none;
padding: 0.5em;
box-sizing: border-box;
text-align: center;
color: #005995;
font-size: 80%;
flex: 0 0 90%;
justify-content: center;
align-items: center;
}
}