Not much to say. It's a blue, space theme for Keymash.
Space Blue - Keymash Theme by disturbedprophet
Details
Authordisturbedprophet
LicenseNo License
Categoryuserstyles
Created
Updated
Size7.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Space Blue
@namespace https://keymash.io/*
@version 1.0.0
@description Keymash theme made for reLACxAN
@author Disturbed
==/UserStyle== */
@-moz-document domain("keymash.io") {
@font-face {
font-family: 'Trispace';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/trispace/v17/Yq65-LKSQC3o56LxxgRrtA6yBqsrXL5GI5KI-IUZVGsxWFIlbH9rkQ5-y1mlttxXcA.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--theme-colour: rgb(98, 134, 237);
--theme-colour-dark: #3253b4
}
.w-44.relative.my-auto.py-3 > a > img {
content: url("https://cdn.discordapp.com/attachments/946589831956414504/987854718661431396/logo_text.svg");
}
#nprogress .bar {
background: var(--theme-colour);
}
#nprogress .spinner-icon {
border-top-color: var(--theme-colour);
border-bottom-color: var(--theme-colour);
border-left-color: var(--theme-colour);
}
div[style*="width: 1.5px;"] {
background: var(--theme-colour) !important;
}
.desktopNav-item:hover,
.hover\:text-orange-400:hover {
--tw-text-opacity: 1;
color: rgb(75, 115, 230, var(--tw-text-opacity));
}
.hover\:bg-gray-850:hover {
--tw-bg-opacity: 0.6;
background-color: rgb(75, 115, 230, var(--tw-bg-opacity));
}
.desktopNav-item:after {
border-color: rgb(75, 115, 230, var(--tw-border-opacity));
}
.desktopNav-item.levelbar-active,
.desktopNav-item.levelbar-active:after,
.desktopNav-item:hover:after {
transform: scaleX(1);
--tw-text-opacity: 1;
color: rgb(75, 115, 230, var(--tw-text-opacity));
}
.match--letter {
line-height: 1.5;
letter-spacing: 0.12em !important;
}
body {
/*background: url(https://media.discordapp.net/attachments/867134501841535019/970407059097014292/43-433861_black-and-blue-shards.png) top fixed !important;*/
/*background: url(https://i.pinimg.com/originals/ea/4e/68/ea4e68cbc292a7aad72aac478c6f136e.jpg);*/
background: url(https://cdn.discordapp.com/attachments/946589831956414504/988184684712304691/index.jpg) !important;
/*background: url(https://wallpaperaccess.com/full/2929286.jpg);*/
/*background: url(https://wallpaper.dog/large/17227021.jpg);*/
background-size: cover !important;
background-attachment: fixed !important;
background-color: rgba(24, 24, 27, var(--tw-bg-opacity)) !important;
font-family: 'Trispace' !important;
font-weight: normal !important;
}
.match--mono {
font-family: 'Trispace' !important;
font-weight: normal !important;
}
.text-3xl,
.text-xs {
--tw-text-opacity: 1;
color: rgb(153,186,221, var(--tw-text-opacity)) !important;
}
.block.pt-2.text-sm {
font-size: 12px;
}
.game--content--bar {
/*display: none;*/;
padding: .75rem;
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: none;
}
.match--container {
padding: 2rem;
padding-top: 0;
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.match--container,
.game--content--bar {
--tw-bg-opacity: 0.5;
backdrop-filter: blur(4px);
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.content-box,
.content-box-basic {
--tw-bg-opacity: 0.5;
backdrop-filter: blur(4px);
background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}
.break-words {
padding: 2rem;
}
div.my-auto {
--tw-text-opacity: 0.5;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.caret-idle {
--tw-text-opacity: 1;
background-color: rgb(75, 115, 230, var(--tw-text-opacity)) !important;
height: 25px !important;
width: 1.5px !important;
}
.bg-orange-400 {
--tw-text-opacity: 1;
background-color: rgb(75, 115, 230, var(--tw-text-opacity)) !important;
}
.text-gray-400 {
--tw-text-opacity: 0.7;
color: rgba(197, 197, 197, var(--tw-text-opacity));
}
.text-orange-400 {
--tw-text-opacity: 0.8 !important;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
svg.fa-dollar-sign {
--tw-text-opacity: 1;
color: rgb(75, 115, 230, var(--tw-text-opacity));
}
.bg-red-600 {
--tw-bg-opacity: 0.5;
background-color: rgb(75, 115, 230, var(--tw-bg-opacity));
}
/*.bg-gray-700 {
background-color:rgb(19, 52, 119)
}
.bg-gray-725 {
background-color:rgb(15, 43, 100)
}
.bg-gray-750 {
background-color:rgb(14, 39, 89)
}
.bg-gray-775 {
background-color: rgb(13, 35, 78);
}
.bg-gray-800 {
background-color: rgb(13, 33, 73);
border: none;
}
.border-gray-800 {
border-color: rgb(13, 33, 73);
}
.bg-gray-825 {
background-color: rgb(9, 24, 55) !important;
}
.hover\:bg-gray-825:hover {
--tw-bg-opacity: 1;
background-color: rgba(9,24,55,var(--tw-bg-opacity));
}
*/
.match--input {
margin-top: .75rem;
width: 100%;
border-bottom-width: 2px;
--tw-border-opacity: 0.45;
padding: .3rem;
font-size: .875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(161, 161, 170, var(--tw-text-opacity));
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}
.bg-opacity-20 {
--tw-bg-opacity: 0.5;
backdrop-filter: blur(4px);
}
.match--correct {
--tw-text-opacity: 0.85;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
button.py-3 {
visibility: hidden;
}
div.bg-opacity-70 {
--tw-bg-opacity: 0.6;
}
button.px-2 {
visibility: visible !important;
}
.border-orange-400 {
border-color: var(--theme-colour-dark)
}
.leaderboards--head {
--tw-border-opacity: .4;
border-color: rgba(75, 115, 230, var(--tw-border-opacity));
background-color: rgba(9, 24, 55)
}
.leaderboards--row {
--tw-border-opacity: 0.8;
background-color: var(--theme-dark);
border-color: rgba(10, 30, 90, var(--tw-border-opacity));
}
}