Add tabbar.css and populate the README.

LICENSE

@@ -1,4 +1,4 @@
-MIT License Copyright (c) <year> <copyright holders>
+MIT License Copyright (c) 2020 Adasauce <adasauce@with.parts>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,3 +1,32 @@
 # konsole-touch
 
-a little tabbar.css file to make Konsole more touch friendly on tablets and  convertible notebooks.
+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
+```

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;
+}