ycdl/frontends/ycdl_flask/static/css/theme_onyx.css

71 lines
1.3 KiB
CSS

:root
{
--color_primary: #000;
--color_secondary: #3b4d5d;
--color_text_normal: #ccc;
--color_text_link: #1edeff;
--color_text_bubble: black;
--color_textfields: var(--color_primary);
--color_text_placeholder: gray;
--color_selection: rgba(0, 0, 255, 0.5);
--color_transparency: rgba(0, 0, 0, 0.0);
--color_dropshadow: rgba(0, 0, 0, 0.25);
--color_shadow: rgba(0, 0, 0, 0.5);
--color_highlight: rgba(255, 255, 255, 0.5);
}
button,
button *
{
color: black;
}
.tab_buttons button
{
color: var(--color_text_normal);
}
input,
textarea,
.nice_link,
.panel
{
border: 1px solid 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);
}