beefy-player/beefy_player/theme.tcss

/* beefy-player — stock terminal palette, transparent backgrounds.
   Colours are ANSI names only; this file never paints a background. */

Screen {
    color: ansi_default;
    background: ansi_default;
}

HeaderBar {
    color: ansi_default;
    height: 4;
    padding: 0 1;
    background: ansi_default;
}

#main {
    height: 3fr;
    min-height: 10;
    background: ansi_default;
}

#left {
    width: 38;
    max-width: 50%;
    min-width: 24;
    height: 1fr;
    background: ansi_default;
}

SearchInput {
    display: none;
    height: 1;
    border: none;
    padding: 0 1;
    background: ansi_default;
    background-tint: transparent;
    color: ansi_default;
}

SearchInput.visible {
    display: block;
}

SearchInput:focus {
    background: ansi_default;
    background-tint: transparent;
}

/* The input's cursor/selection ship with theme backgrounds; keep the
   terminal background and use an underline instead. */
SearchInput .input--cursor {
    background: ansi_default;
    color: ansi_default;
    text-style: underline;
}

SearchInput .input--selection {
    background: ansi_default;
    color: ansi_default;
    text-style: underline;
}

SearchInput .input--placeholder {
    background: ansi_default;
    color: ansi_default;
    text-style: dim;
}

SearchInput .input--suggestion {
    background: ansi_default;
    color: ansi_default;
    text-style: dim;
}

StationList {
    color: ansi_default;
    width: 1fr;
    height: 1fr;
    background: ansi_default;
}

SchedulePanel {
    color: ansi_default;
    width: 1fr;
    height: 1fr;
    display: none;
    background: ansi_default;
}

StagePanel {
    color: ansi_default;
    layout: vertical;
    width: 1fr;
    background: ansi_default;
}

#stage_frame_top,
#stage_frame_bottom {
    height: 1;
    background: ansi_default;
}

#stage_middle {
    height: 1fr;
    background: ansi_default;
}

#stage_frame_left,
#stage_frame_right {
    width: 1;
    height: 1fr;
    background: ansi_default;
}

#stage_body {
    width: 1fr;
    height: 1fr;
    padding: 0 1;
    background: ansi_default;
}

#stage_top {
    height: 9;
    max-height: 100%;
    background: ansi_default;
}

ArtPane {
    color: ansi_default;
    width: 20%;
    min-width: 12;
    max-width: 26;
    height: 8;
    margin: 0 2 0 0;
    background: ansi_default;
}

ArtPane > .art-image {
    width: 100%;
    height: 100%;
    background: transparent;
}

StageInfo {
    color: ansi_default;
    width: 1fr;
    height: 1fr;
    background: ansi_default;
}

HistoryPane {
    color: ansi_default;
    width: 1fr;
    height: 1fr;
    background: ansi_default;
}

SpectrumPanel {
    color: ansi_default;
    height: 2fr;
    min-height: 6;
    background: ansi_default;
}

StatusBar {
    color: ansi_default;
    height: 1;
    padding: 0 1;
    background: ansi_default;
}

ModalScreen {
    color: ansi_default;
    align: center middle;
    background: ansi_default;
}

#providers {
    color: ansi_default;
    width: 66;
    height: auto;
    border: round ansi_bright_black;
    border-title-color: ansi_default;
    padding: 1 2;
    background: ansi_default;
}

#help {
    color: ansi_default;
    width: 78;
    height: auto;
    border: round ansi_bright_black;
    border-title-color: ansi_default;
    padding: 1 2;
    background: ansi_default;
}