mirror of
https://github.com/gensokyo-zone/infrastructure.git
synced 2026-02-09 12:29:19 -08:00
115 lines
2.1 KiB
Sass
115 lines
2.1 KiB
Sass
// Colours
|
|
$base00: @base00@
|
|
$base01: @base01@
|
|
$base02: @base02@
|
|
$base03: @base03@
|
|
$base04: @base04@
|
|
$base05: @base05@
|
|
$base06: @base06@
|
|
$base07: @base07@
|
|
$base08: @base08@
|
|
$base09: @base09@
|
|
$base0A: @base0A@
|
|
$base0B: @base0B@
|
|
$base0C: @base0C@
|
|
$base0D: @base0D@
|
|
$base0E: @base0E@
|
|
$base0F: @base0F@
|
|
// Fonts
|
|
$font_0: "Cozette"
|
|
$font_1: "monospace !important"
|
|
|
|
*
|
|
font-family: $font_0, $font_1
|
|
|
|
#tabbar
|
|
margin-top: calc(var(--pinned-tabs-area-size) - .15em)
|
|
position: absolute
|
|
border: none !important
|
|
overflow-y: scroll !important
|
|
margin-left: -.5em
|
|
background-color: $base00 !important
|
|
border-right: 1px solid $base01
|
|
box-shadow: none !important
|
|
|
|
#tabbar-container
|
|
background-color: $base00 !important
|
|
border-right: 1px solid $base01
|
|
box-shadow: none !important
|
|
|
|
.tab
|
|
background-color: $base01
|
|
color: $base05 !important
|
|
box-shadow: none !important
|
|
margin: 0.125em
|
|
border-radius: 0.125em
|
|
.twisty
|
|
margin-left: -16px
|
|
.highlighter::before
|
|
display: none
|
|
|
|
&.pinned
|
|
background-color: $base0D
|
|
color: $base07 !important
|
|
.twisty
|
|
margin-left: -16px
|
|
|
|
.label
|
|
margin-left: 7px
|
|
|
|
|
|
.label
|
|
margin-left: 7px
|
|
margin: 0.25em
|
|
|
|
.closebox
|
|
visibility: collapse
|
|
|
|
.favicon
|
|
margin-left: 0.25em
|
|
|
|
&:hover
|
|
background-color: $base0C !important
|
|
color: $base07 !important
|
|
|
|
&.discarded
|
|
background-color: $base00
|
|
color: $base02 !important
|
|
&:hover
|
|
background-color: $base01 !important
|
|
color: $base03 !important
|
|
|
|
|
|
&.active
|
|
background-color: $base0D
|
|
color: $base07 !important
|
|
&:hover
|
|
background-color: $base0D !important
|
|
|
|
|
|
&.muted
|
|
opacity: 0.5
|
|
|
|
&.sound-playing .label
|
|
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff)
|
|
background-clip: text
|
|
color: transparent
|
|
animation: rainbow_animation 3s linear infinite
|
|
animation-direction: alternate-reverse
|
|
background-size: 400% 100%
|
|
|
|
.sound-button::before
|
|
display: none !important
|
|
|
|
.newtab-button
|
|
display: none
|
|
|
|
|
|
@keyframes rainbow_animation
|
|
0%
|
|
background-position: 0 0
|
|
|
|
100%
|
|
background-position: 100% 0
|
|
|
|
|