Skip to content

Commit

Permalink
Merge pull request #13017 from fredhicks/Blades-2024-06-13
Browse files Browse the repository at this point in the history 
[Blades in the Dark] Bugfix: Clock segments not displaying when broadcast to chat
  • Loading branch information
@NorWhal
NorWhal authored Jun 13, 2024
2 parents 36548aa + 715e329 commit a46eff1
Showing 1 changed file with 48 additions and 47 deletions.
95 changes: 48 additions & 47 deletions Blades in the Dark/blades.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@

/* Variants of grey */
/* Attempt to support dark mode */
:root {
Expand Down Expand Up @@ -4379,133 +4380,133 @@
transform: translate(39px, -4px) rotate(150deg);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-1 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext)));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, white));
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-2 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-3 {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-4 {
background: red;
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-1 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(150deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-2 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(210deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-3 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-4 {
background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-5 {
background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-6 {
background: red;
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-1 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(135deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-2 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext)));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, white));
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-3 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(225deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-4 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-5 {
background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-6 {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-7 {
background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-8 {
background: red;
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-1 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(126deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-2 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(162deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-3 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(198deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-4 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(234deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-5 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-6 {
background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-7 {
background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-8 {
background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-9 {
background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-10 {
background: red;
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-1 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(120deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-2 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(150deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-3 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext)));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, white));
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-4 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(210deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-5 {
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(240deg, red 50%, var(--blades-whitetext) 50%);
background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-6 {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-7 {
background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-8 {
background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-9 {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red));
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, red));
background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-10 {
background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-11 {
background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%);
background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-12 {
background: red;
}
}

0 comments on commit a46eff1

Please sign in to comment.