CSS for KDE Konsole minimal, lighter, dark tabs

konsole-with-palette-colours.css

QTabBar,
QTabBar::tab
{
    font-family: "Noto Sans";
    font-size: 11px;
    height: 16px;
    padding: 2px;
    border: 0px;
    border-bottom: 3px solid palette(dark);
    background-color: palette(dark);
    color: palette(text);
}

QTabBar::tab:hover
{
    text-decoration: underline;
}

QTabBar::tab:selected
{
    font-weight: bold;
    background-color: palette(window);
    border: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 palette(window), stop: 0.85 palette(window), stop: 1 palette(highlight));
}

konsole.css

QWidget, QTabWidget::pane, QTabWidget::tab-bar {
    background-color: rgb(45, 45, 45);
}
QTabBar::tab {
    color: rgb(120, 120, 120);
    background-color: rgb(45, 45, 45);
    font-size: 10px;
    height: 25px;
    padding: 0px;
    border: 0px;
}
QTabBar::tab:selected, QTabBar::tab:hover {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #1e5799, stop: 0.01 #2989d8, stop: 0.11 rgb(45, 45, 45));
    color: #4F89CC;
}

screenshot.png

thanks using this ! Is a way to reduce the width of the vertical scroll bar ?

@sachaz Sorry. I am one of those who dislike scrollbars in their terminal. I have it turned off.

How do you know the different possible variables to pass to the "palette()" method in the CSS file? Are there any other options?

@Acemond Give this a try. Sorry for the (very) late reply.

codemedic/f11cc460b8d9544f9afc#file-konsole-with-palette-colours-css-L21, this line

font-weight: bold;

not work for me.

@roachsinai Could it be your font?

What does palette() mean there?

@rubyFeedback palette here is qt palette. In effect, it gives us a way to refer to colours from the current theme / colour scheme set by the DE.