sandyx
/
urn-themes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

Browse Source
main
sandyx 1 year ago
commit f2b13255fb
3 changed files with 286 additions and 0 deletions
Show Stats Download Patch File Download Diff File

131
themes/black/black.css
Unescape Escape View File

@ -0,0 +1,131 @@
.window {
font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
color: #fff;
background: #211A1E;
}
.header {
color: #fff;
font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
background: #211A1E;
}
.title {
padding-right: 130px;
font-weight: 900px;
}
.title, .attempt-count {
font-size: 24px;
padding-top: 4px;
padding-bottom: 4px;
}
.attempt-count {
font-size: 24px;
color: #FFF;
padding-right: 4px;
}
.splits, .split-last {
font-size: 18pt;
text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.split, .split-last {
color: #fff;
font-family: "Fira Sans Book", "Arial", sans-serif;
font-weight: 700;
background: transparent;
/*border-bottom: 1px solid rgba(255,255,255,0.08);*/
}
.split-last {
border: 0;
}
.split {
color: #fff;
}
.current-split {
color: #fff;
background: #fde74c;
border: 0;
transition: .1s;
}
.split .split-time .done {
color: #fff;
}
.current-split {
color: #211a1e;
}
.current-split .split-time {
color: #211a1e;
background: transparent;
}
.split, .current-split, .split-title, .split-time, .split-delta {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
}
.time {
font-family: "Fira Code Retina", "Droid Sans", "Tahoma", "Arial", sans-serif;
font-weight: 700;
color: #fff;
}
.delta {
font-family: "Fira Code Retina";
font-weight: 700;
background: transparent;
}
.best-split, .footer .previous-segment .best-split {
animation: blink-split 4s;
animation-iteration-count: infinite;
background-color: transparent;
}
@keyframes blink-split {
0% {
color: #FFC107;
}
50% {
color: #FFC107;
}
75% {
color: #FFECB3;
}
100% {
color: #FFC107;
}
}
.timer {
text-shadow: 0px 2px 3px rgba(0,0,0,0.65);
color: #5bc0eb;
transition: .5s;
font-weight: 700;
padding-top: 20px;
}
.timer-millis {
font-family: "Fira Code Retina";
font-size: 36pt;
padding-bottom: 5px;
padding-right: 4px;
}
.timer-seconds {
font-family: "Fira Code Retina";
font-size: 72pt;
}
.losing {
color: #C3423F;
transition: .5s;
}
.behind {
color: #C3423F;
transition: .5s;
}
.footer {
color: #FFF;
background: transparent;
font-size: 24px;
}

29
themes/digi/digi.css
Unescape Escape View File

@ -0,0 +1,29 @@
.timer.losing {
background-color: #6A6;
}
.timer.behind {
background-color: #A66;
}
.timer.behind.losing {
background-color: #C00;
}
.timer.delay {
background-color: #999;
}
.timer.best-split {
background-color: #99F;
}
.timer {
font-family: "7 Segmental Digital Display";
text-shadow: none;
background-color: #0C0;
}
.timer-seconds, .timer-millis {
background-color: #000;
}

126
themes/material/material.css
Unescape Escape View File

@ -0,0 +1,126 @@
.window {
font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
color: #fff;
background: #212121;
}
.header {
color: #fff;
font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
background: #212121;
}
.title {
padding-right: 130px;
font-weight: 900px;
}
.title, .attempt-count {
font-size: 24px;
padding-top: 4px;
padding-bottom: 4px;
}
.attempt-count {
font-size: 24px;
color: #FFF;
padding-right: 4px;
}
.splits, .split-last {
font-size: 18pt;
text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.split, .split-last {
color: #fff;
font-family: "Fira Sans Book", "Arial", sans-serif;
font-weight: 700;
background: transparent;
/*border-bottom: 1px solid rgba(255,255,255,0.08);*/
}
.split-last {
border: 0;
}
.split {
color: #fff;
}
.current-split {
color: #fff;
background: #37474f;
border: 0;
transition: .1s;
}
.split .split-time .done {
color: #fff;
}
.current-split .split-time {
color: #fff;
background: transparent;
}
.split, .current-split, .split-title, .split-time, .split-delta {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 10px;
}
.time {
font-family: "Fira Code Retina", "Droid Sans", "Tahoma", "Arial", sans-serif;
font-weight: 700;
color: #fff;
}
.delta {
font-family: "Fira Code Retina";
font-weight: 700;
background: transparent;
}
.best-split, .footer .previous-segment .best-split {
animation: blink-split 4s;
animation-iteration-count: infinite;
background-color: transparent;
}
@keyframes blink-split {
0% {
color: #FFC107;
}
50% {
color: #FFC107;
}
75% {
color: #FFECB3;
}
100% {
color: #FFC107;
}
}
.timer {
text-shadow: 0px 2px 3px rgba(0,0,0,0.65);
color: #4CAF50;
transition: .5s;
font-weight: 700;
padding-top: 20px;
}
.timer-millis {
font-family: "Fira Code Retina";
font-size: 36pt;
padding-bottom: 5px;
padding-right: 4px;
}
.timer-seconds {
font-family: "Fira Code Retina";
font-size: 72pt;
}
.losing {
color: #4CAF50;
transition: .5s;
}
.behind {
color: #F44336;
transition: .5s;
}
.footer {
color: #FFF;
background: transparent;
font-size: 24px;
}
Write Preview
Loading…
Cancel
Save