diff --git a/LICENSE b/LICENSE index 204b93d..3e261cd 100644 --- a/LICENSE +++ b/LICENSE @@ -1,4 +1,4 @@ -MIT License Copyright (c) +MIT License Copyright (c) 2020 Adasauce Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 20441b4..2fa8d99 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,32 @@ # konsole-touch -a little tabbar.css file to make Konsole more touch friendly on tablets and convertible notebooks. \ No newline at end of file +For me, this makes Konsole a perfectly touch-friendly terminal. + +A little user-defined stylesheet to make Konsole more touch friendly on +tablets and convertible notebooks. It makes the tab bar and scrollbar wider +and easier to tap and drag with your fingers. + +There are some comments within the CSS file to make it easy to personalize. I +know not everyone uses a dark theme, or loves Monokai-esque colour palettes. + +## Screenshot + +![nice konsole](./screenshot.png) + +## Installation + +Copy the tabbar.css file to `~/.config/konsole/tabbar.css`, then restart +Konsole, or clone this repo to `~/.config/konsole/` if you're interested in +getting updates. + +Then enable the custom CSS in either your `~/.config/konsolerc` file, or via +`Configuration` -> `Tab Bar` -> `use user-defined stylesheet`. + +### example konsolerc + +``` +[TabBar] +NewTabButton=true +TabBarUseUserStyleSheet=true +TabBarUserStyleSheetFile=file:///home/example/.config/konsole/tabbar.css +``` diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..859c2b5 Binary files /dev/null and b/screenshot.png differ diff --git a/tabbar.css b/tabbar.css new file mode 100644 index 0000000..074c6b0 --- /dev/null +++ b/tabbar.css @@ -0,0 +1,76 @@ +/* Scrollbar */ + +QScrollBar { + background: #131313; + margin: 0; +} + +QScrollBar:hover { + /* Subtle accent of scrolling area on hover */ + background: #161616; +} + +QScrollBar:vertical { + width: 30px; +} + +QScrollBar:horizontal { + height: 30px; +} + +QScrollBar::handle { + padding: 0; + margin: 2px; + border-radius: 5px; + border: 2px solid #333333; + background: #333333; +} + +QScrollBar::handle:vertical { + min-height: 120px; + min-width: 15px; +} + +QScrollBar::handle:horizontal { + min-width: 120px; + min-height: 15px; +} + +QScrollBar::handle:hover { + border-color: #444444; + background: #444444; +} + +QScrollBar::handle:pressed { + /* + * If you're not so interested in Monokai Pink scrollbars when + * scrolling, you can change that here. + */ + background: #FF254C; + border-color: #170104; +} + + +/* Tab Bar */ + +QTabBar::tab::selected { + color: #44020D; + + /* If you're not so interested in Monokai Pink, you can change that here. */ + background: #FF254C; + + /* + * Set a minimum width on the selected tab to make it more noticeable. If + * you're on a smaller screen you may want to change this so it doesn't + * crowd your tab bar. + */ + min-width: 300px; +} + +QTabBar::tab { + background: #170104; + color: #c3c3c3; + min-width: 150px; + height: 40px; + font-size: 15px; +}