Firefox CSS

treestyletab.css

tab-item {

    transition    : all 0.3s cubic-bezier(.25, .8, .25, 1) !important;
    --tab-size    : 2.5vh !important;
    height        : var(--tab-size);
    border        : solid 1px #33333344;
    font-family   : Inter, Source Sans Pro, Bahnschrift, sans-serif !important;
    font-size     : 11px;
    letter-spacing: 0.005em;
    line-height   : 15px;
    padding       : 16px !important;
}


tab-item:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

tab-item.active {
    font-weight   : 600 !important;
    box-shadow    : 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
    --tab-size    : 3vh !important;
    font-size     : 12px;
    letter-spacing: unset;
    line-height   : unset;
    height        : var(--tab-size);
}


tab-item.unread .label-content {
    animation: glow 2s ease infinite;
}


/* "#tabbar" is required for TST 3.4.0 and later! */
#tabbar tab-item:not(:hover) tab-closebox {
    display: none;
}

@keyframes glow {

    0%,
    100% {
        text-shadow: 0 0 1em #1041FF, 0 0 3em #1041FF, 0 0 10em #1041FF, 0 0 10em #1041FF, 0 0 .4em #8BFDFE, 0 0 .1em #147280;
        color      : #28D7FE;
    }

    50% {
        text-shadow: 0 0 .5em #082180, 0 0 1.5em #082180, 0 0 5em #082180, 0 0 5em #082180, 0 0 .2em #082180, 0 0 .1em #0A3940;
        color      : #146C80;
    }
}


/* hide scrollbar until hovering over tabs */
#tabbar.overflow {
    scrollbar-width: none;
}

#tabbar.overflow:hover {
    scrollbar-width: thin;
}


:root.right tab-item tab-twisty {
    order: -1;
}

:root.right tab-item tab-closebox {
    order: 10000;
}

tab-item tab-closebox:hover::before,
tab-item.active tab-closebox:hover::before {
    background   : #F01162;
    border-radius: 1em;
    opacity      : 1;
}

userChrome.css

menubar {
	font-size     : 14px;
	letter-spacing: -0.006em;
	line-height   : 20px;
	font-family   : Inter, Source Sans Pro, Bahnschrift, sans-serif !important;
}

toolbarbutton {
	font-size     : 11px;
	letter-spacing: 0.005em;
	line-height   : 15px;
	font-family   : Inter, Source Sans Pro, Bahnschrift, sans-serif !important;
}

.urlbar-input-box {
	font-size     : 14px !important;
	letter-spacing: -0.006em !important;
	line-height   : 20px !important;
	font-family   : Inter, Source Sans Pro, Bahnschrift, sans-serif !important;
}

#menubar-items {
	display    : flex;
	align-items: center;
	padding    : 8px;

}

#sidebar-title {
	font-size     : 14px;
	letter-spacing: -0.006em;
	line-height   : 20px;
	font-family   : Inter, Source Sans Pro, Bahnschrift, sans-serif !important;
}


#sidebar-header {
	display: none;
}

#aHTMLTooltip,
#remoteBrowserTooltip {
	display: none !important
}

#tabbrowser-tabs {
	visibility: collapse !important;
}

/**************************************/

/* WWW Custom */

@-moz-document url-prefix("https://tweetdeck.twitter.com/") {
	html.dark .is-wide-columns .column {
		width: calc(30vw - 100px) !important;
	}

	html.dark .application {
		font-family: Inter, Source Sans Pro, Bahnschrift, sans-serif !important;
		font-size  : 12pt;
	}

	section.js-column:nth-child(1) article.stream-item {
		background-color: #2222226c !important;
		border-color    : #1b3148;
	}


	section.js-column:nth-child(1)>div:nth-child(1)>div:nth-child(1)>header:nth-child(1) {
		background-color: #2222226c !important;
		border-color    : #1b3148;
	}
}

/* ==UserStyle==
@name           Discourse Jopplin Dark - 19.12.2020, 01:54:58
@namespace      github.com/sirjson/styles
@version        1.0.0
@description    Mini dark mode for the Jopplin Forum. Might work with other Discorse Websites as well
@author         SirJson
==/UserStyle== */
@-moz-document domain("discourse.joplinapp.org") {

	body,
	#main-outlet,
	#main,
	#top-navbar,
	.d-header {
		background: #333 !important;
	}

	.alert,
	.topic-excerpt,
	.category-name,
	#topic-title,
	#site-logo,
	.extra-info-wrapper .topic-link,
	code,
	svg,
	ul#navigation-bar.nav.nav-pills.ember-view>* {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.discourse-local-date.cooked-date,
	span.relative-date {
		color: #AAA !important;
	}

	.cooked,
	.information {
		color: #BBB !important;
	}

	.suggested-topics-title,
	.topic-map h3,
	.topic-map h2,
	.suggested-topics-message,
	a.title,
	.timeline-container .topic-timeline .timeline-replies,
	.names span a,
	span.name {
		color: #DDD !important;
	}

	.alert>.btn {
		color: #444 !important;
	}

	.list-controls .combo-box .combo-box-header {
		background: #444;
	}

	.topic-map {
		background  : #444;
		border-color: #222;
	}

	aside.onebox,
	aside.quote,
	aside.quote>*,
	aside.onebox header {
		background  : #222222ee !important;
		border-color: #111111ee !important;
	}

	.d-editor-preview img:not(.thumbnail):not(.ytp-thumbnail-image),
	.cooked img:not(.thumbnail):not(.ytp-thumbnail-image) {
		filter: invert(1) hue-rotate(180deg) !important;
	}

	.map {
		border-top: 1px solid #222 !important;
	}

	.widget-button {
		background : #555 !important;
		border-left: 1px #444 !important;
	}

	@keyframes background-fade-highlight {
		0% {
			background-color: #1c5a7a
		}

		100% {
			background-color: transparent
		}
	}
}