Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS for KDE Konsole minimal, lighter, dark tabs
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));
}
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;
}
@jabbalaci

This comment has been minimized.

Copy link

jabbalaci commented Sep 19, 2016

How to get these settings activated? I found my konsolerc file here: ~/.kde/share/config/konsolerc , but how to connect the two files? Thanks.

Edit: Found it! Settings -> Configure Konsole... -> TabBar, and there specify the user-defined stylesheet.

@ghost

This comment has been minimized.

Copy link

ghost commented Oct 20, 2016

Thank you for this! I was wondering for a long time how to make the tab bar thinner. GitHub is a really cool way to share this config info.

@codemedic

This comment has been minimized.

Copy link
Owner Author

codemedic commented Nov 23, 2016

I have a revised version with use palette-colours; konsole-with-palette-colours.css.

@fedon

This comment has been minimized.

Copy link

fedon commented Mar 17, 2017

Do you know how to write a selector for a tab with unread data?

@reuseman

This comment has been minimized.

Copy link

reuseman commented Nov 18, 2017

@jabbalaci Is still possible to do that? I can't find that settings

@GregorCH

This comment has been minimized.

Copy link

GregorCH commented Apr 23, 2018

Is it possible to distinguish between tabs in which a process is running and tabs that are currently idle? Maybe by defining a css-logic that applies whenever the string "bash" is found in the tab title?

@rubyFeedback

This comment has been minimized.

Copy link

rubyFeedback commented Feb 15, 2019

What does palette() mean there?

@roachsinai

This comment has been minimized.

Copy link

roachsinai commented Feb 28, 2019

@rubyFeedback qt palette.

@roachsinai

This comment has been minimized.

Copy link

roachsinai commented Feb 28, 2019

@grgoffe

This comment has been minimized.

Copy link

grgoffe commented Sep 8, 2019

Hey!

This is GREAT info. THANKS!

How would one change the fonts, etc. at the top of the konsole? You know, where "File", "Edit", etc. are shown?

Best regards,

George...

@Acemond

This comment has been minimized.

Copy link

Acemond commented Nov 5, 2019

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.