66 lines
1.2 KiB
CSS
66 lines
1.2 KiB
CSS
|
:root
|
||
|
|
{
|
||
|
|
--color_primary: #222;
|
||
|
|
--color_secondary: #3b4d5d;
|
||
|
|
|
||
|
|
--color_text_normal: #efefef;
|
||
|
|
--color_text_link: #1edeff;
|
||
|
|
--color_text_bubble: black;
|
||
|
|
|
||
|
|
--color_textfields: var(--color_secondary);
|
||
|
|
--color_text_placeholder: gray;
|
||
|
|
|
||
|
|
--color_transparency: rgba(255, 255, 255, 0.05);
|
||
|
|
--color_dropshadow: rgba(0, 0, 0, 0.25);
|
||
|
|
--color_shadow: rgba(0, 0, 0, 0.5);
|
||
|
|
--color_highlight: rgba(255, 255, 255, 0.5);
|
||
|
|
|
||
|
|
--color_tag_card_bg: #e6e6e6;
|
||
|
|
--color_tag_card_fg: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
button *
|
||
|
|
{
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab_buttons button
|
||
|
|
{
|
||
|
|
color: var(--color_text_normal);
|
||
|
|
}
|
||
|
|
|
||
|
|
.channel_card
|
||
|
|
{
|
||
|
|
padding: 10px;
|
||
|
|
border-radius: 4px;
|
||
|
|
border: 1px solid black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.video_card:hover
|
||
|
|
{
|
||
|
|
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
|
||
|
|
}
|
||
|
|
.channel_card_pending,
|
||
|
|
.video_card_pending
|
||
|
|
{
|
||
|
|
border: 2px solid #ffffaa;
|
||
|
|
background-color: rgba(255, 255, 170, 0.25);
|
||
|
|
}
|
||
|
|
.video_card_ignored
|
||
|
|
{
|
||
|
|
border: 2px solid #ffc886;
|
||
|
|
background-color: rgba(255, 200, 134, 0.25);
|
||
|
|
}
|
||
|
|
.video_card_selected
|
||
|
|
{
|
||
|
|
border: 2px solid #13f4ff !important;
|
||
|
|
background-color: rgba(19, 244, 255, 0.25) !important;
|
||
|
|
}
|
||
|
|
.channel_card_no_pending,
|
||
|
|
.video_card_downloaded
|
||
|
|
{
|
||
|
|
border: 2px solid #aaffaa;
|
||
|
|
background-color: rgba(170, 255, 170, 0.25);
|
||
|
|
}
|