Skip to content

Instantly share code, notes, and snippets.

@SirJson
Created December 20, 2020 23:18
Show Gist options
  • Save SirJson/1e95070280f6d5986012a2c298766b37 to your computer and use it in GitHub Desktop.
Save SirJson/1e95070280f6d5986012a2c298766b37 to your computer and use it in GitHub Desktop.
Firefox 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;
}
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
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment