Poorchat tweaks by pabli

/* ==UserStyle==
@name         Poorchat tweaks 
@namespace    https://github.com/pabli24
@version      1.0.0
@description  Ukryj elementy, zmień kolory, zmniejsz marginesy. (poorchat.net jadisco.pl pancernik.info Wonziu)
@author       Pabli (https://ko-fi.com/pabli)
@homepageURL  https://github.com/pabli24
@supportURL   https://github.com/pabli24
@license      MIT
@preprocessor stylus

@var checkbox _top         "❌ Ukryj Górny panel (Subskrybuj, Ustawienia)" 0
@var checkbox _leaderboard "❌ Ukryj Podarowane subskrypcje w tym tygodniu" 0
@var checkbox _bottom      "❌ Ukryj Dolny panel (Wpisz wiadomość, Wyślij)" 0
@var select   _cogToBottom "⚙️ Przenieś przycisk ustawień do dolnego panelu, gdy górny jest ukryty" ["1:Tak", "2:Tak - Ustawień i Subskrypcji", "0:Nie"]
@var number   _margins     "📏 Marginesy (px)" [-1, -1, null, 1, "px"]
@var checkbox _inputBorder "▭ Ramka do okoła pola tekstowego (Wpisz wiadomość)" 0
@var checkbox _colors      "▼ Zmień kolory ▼" 0
@var color    _bg          "Kolor tła" #141517
@var color    _bgTop       "Kolor tła górnego panelu" #141517
@var color    _bgBottom    "Kolor tła dolnego panelu" #141517
@var color    _txt         "Kolor tekstu" #fff
@var color    _sendBg      "Kolor przycisku 'Wyślij'" #53fc18
@var color    _sendBgHover "Kolor przycisku 'Wyślij' po najechaniu" #42ca13
@var color    _sendTxt     "Kolor tekstu przycisku 'Wyślij'" #000

==/UserStyle== */

i = !important

@-moz-document url-prefix("https://poorchat.net/channels/") {
	
	if _top {
		body > div > div > div > div.pc-flex.pc-justify-between.pc-p-2.pc-gap-2.pc-items-center.pc-bg-primary-600.pc-whitespace-nowrap {
			if _cogToBottom == 0 {
				display: none i
			}
			else {
				visibility: hidden
				height: 0
				width: 0
				padding: 0
				margin: 0
			}
		}
		if _bottom == 0 {
			if _cogToBottom != 0 {
				button:has([data-icon="cog"]) {
					visibility: visible
					position: fixed
					z-index: 999
					bottom: 0.4em
					right: 4em
				}
			}
			if _cogToBottom == 2 { // Subskrybuj
				button:has(+ button [data-icon="cog"])  {
					visibility: visible
					position: fixed
					z-index: 999
					bottom: 0.6em
					right: 7.5em
					height: 2em
					max-width: 12em
				}
				@media screen and (max-width: 366px) {
					button:has(+ button [data-icon="cog"])  {
						max-width: 7em
					}
				}
				@media screen and (max-width: 304px) {
					button:has(+ button [data-icon="cog"])  {
						display: none
					}
				}
			}
		}
	}
	
	if _leaderboard {
		body > div > div > div > div > div > div > div > div > div > div.pc-flex.pc-border-b.pc-border-primary-500.pc-items-center.pc-relative {
			display: none i
		}
	}
	
	if _bottom {
		body div:has(> div > div > textarea) {
			display: none i
		}
	}
	
	if _margins != -1 {
		.simplebar-content > div > div[id] > div {
			padding-left: _margins i
			padding-right: _margins i
		}
	}
	
	if _inputBorder {
		body div:has(> div > div > textarea) {
			textarea {
				box-shadow: inset 0 0 0 1px rgba(123, 123, 123, .5)
				&:focus-within {
					box-shadow: inset 0 0 0 2px rgba(123, 123, 123, .6)
				}
			}
		}
	}
	
	if _colors {
		:root {
			--color-primary-750: _bg // #121317
			--color-primary-600: _bgTop // #1a1b20
			--color-primary-500: _bgBottom // #1e1f25
			--color-primary-100: _txt // #cdcdce
		}
		body div:has(> div > div > textarea) {
			button.pc-bg-blue-600 {
				background-color: _sendBg // #0284c7
			}
			button.hover\\:pc-bg-blue-700:hover {
				background-color: _sendBgHover // #0369a1
			}
			button.pc-text-white {
				color: _sendTxt // #ffffff
			}
		}
	}
	
}

@-moz-document domain("poorchat.net"), domain("jadisco.pl"), domain("pancernik.info"), url-prefix("https://kick.com/wonziu") {

}