: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);
}