Skip to content

TR: Colorblind (deut/prot) Bigger Text by ww2beta

Screenshot of TR: Colorblind (deut/prot) Bigger Text

Details

Authorww2beta

LicenseNo License

Categorytyperacer

Created

Updated

Size9.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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)

Notes

Userstyle doesn't have notes.

Source code

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

}

Reviews

No reviews yet.