Customizable Dark theme For GreasyFork.org
Also available on GreasyFork.org
☕ Support me on ko-fi
GreasyFork - Dark Theme by pabli
Imported and mirrored from https://github.com/pabli24/GreasyFork-Dark/raw/main/GreasyFork-Dark.user.styl
Details
Authorpabli
LicenseCC-BY-SA-4.0
Categorygreasyfork
Created
Updated
Size54 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name GreasyFork - Dark Theme
@namespace https://greasyfork.org/en/users/124677-pabli
@version 1.2.13
@description Customizable Dark theme For GreasyFork.org
@author Pabli
@license CC-BY-SA-4.0
@homepageURL https://greasyfork.org/scripts/395180-greasyfork-dark-theme
@supportURL https://greasyfork.org/scripts/395180-greasyfork-dark-theme/feedback
@preprocessor stylus
@var number maxwidth "Width Site (px)" ['px', 1200, 0, null, 1]
@var select theme "Syntax theme" ["Tomorrow-Night-Bright",
"Tomorrow-Night-Eighties",
"Tomorrow-Night-Blue",
"Tomorrow-Night",
"Vibrant-Ink",
"Hemisu-Dark",
"Tranquil-Heart",
"Atelier-Cave-Dark",
"Atelier-Dune-Dark",
"Atelier-Estuary-Dark",
"Atelier-Forest-Dark",
"Atelier-Heath-Dark",
"Atelier-Lakeside-Dark",
"Atelier-Plateau-Dark",
"Atelier-Savanna-Dark",
"Atelier-Seaside-Dark",
"Atelier-Sulphurpool-Dark",
"Sunburst",
"Desert",
"Sons-Of-Obsidian"]
@var checkbox wrap "Code wrap" 1
@var checkbox scrollbar "Dark Scroll Bar" 1
@var color bg-header "Header background" #640000
@var color t-header "Header text" #fafafa
@var color bg "Background" #111111
@var color t-1 "Main text" #fafafa
@var color t-2 "Second text" #aeaeae
@var color t-link "Link" #ff7070
@var color bg-sidebar "Sidebar" #1a1a1a
@var color bg-sidebar-btn "Sidebar button" #510909
@var color bg-sidebar-btn-h "Sidebar button hover" #323232
@var color bg-btn "Button" #1a1a1a
@var color bg-btn-h "Button hover" #323232
@var color t-btn "Button text" #fafafa
@var color border-btn "Button border" rgba(255, 255, 255, 0.1)
@var color border-btn-h "Button border hover" rgba(255, 255, 255, 0.2)
@var color bg-textarea "Text area background" #1a1a1a
@var color bg-usercontent "User content background" rgba(0, 0, 0, 0)
==/UserStyle== */
@-moz-document domain("greasyfork.org"), domain("sleazyfork.org") {
.width-constraint {
max-width: maxwidth !important
}
body, .script-list, .user-list, .text-content,
#script-info,
body:not(.Settings), #Content {
background-color: bg
color: t-1
}
.announcement input {
color: t-1
}
#main-header,
body:not(.Settings) #Head {
background-color: bg-header
background-image: linear-gradient(rgba(0, 0, 0, 0.3), bg-header)
}
.script-list, .user-list, .text-content,
.list-option-group ul,
#script-info,
#Content {
box-shadow: none
border: none
}
a, a:visited, body:not(.Settings) a:not(.Button):not(.ChangePicture) {
color: t-link
text-decoration: none
&:hover {
color: t-link
text-decoration: underline
}
}
#Head a {
text-decoration: none
&:hover {
text-decoration: underline
}
}
#main-header, #main-header a, #main-header a:visited, #main-header a:active,
#site-nav>nav a:hover {
color: t-header
}
#site-name-text h1 a:hover {
text-decoration: none !important
}
#home-script-nav {
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
#language-selector-locale {
background: bg-header
color: t-header
border: 1px solid rgba(255, 255, 255, .5)
}
nav nav,
.SiteMenu nav {
background-color: bg-header
}
textarea, textarea:focus, select, input, input.DateBox, input.InputBox, input.SmallInput, .InputBox, .Preview, input.SmallInput:focus, input.InputBox:focus,
form.new_user input[type="text"], form.new_user input[type="email"], form.new_user input[type="password"], input[type="text"] {
color: t-1
background: bg-textarea
border: 1px solid rgba(255, 255, 255, .1)
outline: none
}
.Button, .Button.Active, .ButtonGroup.Open .Button.Handle, .Button:focus, .Button:active, .BigButton, .NewDiscussion,
form.new_user input[type="submit"], button, input[type="submit"]:not([value="✖"]):not([value="🔎"]) {
background: bg-btn
color: t-btn !important
border: 1px solid border-btn
text-decoration: none
box-shadow: none
cursor: pointer
&:hover {
background: bg-btn-h
color: t-btn
border-color: border-btn-h
text-decoration: none
}
}
:focus {
outline-style: none
}
hr {
border-color: rgba(255,255,255,0.1)
}
//search
.sidebar-search input[type=submit], .home-search input[type=submit], .search-submit, .SiteSearch .Button {
color: transparent !important
opacity: 1
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYklEQVQ4T5XTu2qVQRTF8d8CMdp7AW9V7MwLaNKo7+ANe1ERK7Hy2oidmOALiMlDKIIS8QEsRLFRYqG9lyBsmThHviMnB7ObGT5m/t9ae6+JQVXVAi6hrbvwFS+xmGR1eHa0T9tU1TY8xIVJh/q3JVxN8mt4ZgR41C9/wz08wSccxDlcx04sJbk8BuiyX6BdPpHk9b8qquoonnbI/NBOqmoFp3Ajyd3NLFTVLdzEcpKzf3tQVWvYh9kkH6YAZvEea0kODAE/sR0zSdanAGbwA+tJ2n6jmoX/VXAY7/A5yf4hYBmnm78kd6YouN36hJUkZ4aA+R6W7ziZ5NWEKRzrU2jSF8am0IPUQnIRDXIfj/ERh3Ae17ADXzCXpK1/ejBI4oMOmeSieqz34E3PywZkAzCqqmpSR29hb7/UQrbYR/gMR4aQMcBmDRz8YDcaZA5vcXxLgG632Rgpeb5lwADSnsCV30xRiAuwE+OqAAAAAElFTkSuQmCC') no-repeat center !important
border: none !important
cursor: pointer
}
.SiteSearch .Button {
top: 6px
}
.SearchForm .SiteSearch .Button {
top: 10px
}
#Panel input.InputBox, .AddPeople textarea.MultiComplete {
border-radius: 5px
}
.sidebar-search input[type=search],
.home-search input[type=search] {
border-radius: 5px
padding: 5px
padding-inline-end: 25px
}
.sidebar-search input[type=submit],
.home-search input[type=submit] {
padding: 5px
}
.SearchForm .InputBox {
border: 1px solid rgba(255, 255, 255, .1)
}
// sidebar
.list-option-group ul,
#Panel .FilterMenu, #Panel .PanelCategories, #Panel .MeBox,
.list-option-groups .carbon-ad, .list-option-groups .adsense-ad {
border: 1px solid rgba(255, 255, 255, .1)
background-color: bg-sidebar
box-shadow: none
}
.list-option-button {
background-color: bg-sidebar
color: t-1 !important
border: 1px solid rgba(255, 255, 255, .1)
}
.list-option-group .list-current,
#Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {
border-left: none
margin: unset
background: bg-sidebar-btn !important
color: t-1
}
.list-option-button:hover, .list-option-button:focus,
.list-option-group a:hover, .list-option-group a:focus,
#Panel .FilterMenu a:hover,
#Panel .PanelCategories a:hover,
#Panel .FilterMenu a:focus,
#Panel .PanelCategories a:focus {
background: bg-sidebar-btn-h
color: t-1 !important
text-decoration: none !important
box-shadow: none
}
#user-profile {
border: 1px solid rgba(255, 255, 255, .1)
background-color: rgba(0,0,0,0)
}
.change-script-set section {
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.install-link, .install-help-link {
color: #fff !important
}
.script-list li:not(.ad-entry),
.DataList .Item, .NarrowList .Item {
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.notice {
background-color: #1c2123
border-left: 6px solid #204050
}
.alert {
background-color: #222211
border-left: 6px solid #a1931a
}
.validation-errors,
#version-note {
background-color: #4e4e0e
border: 2px dotted #bfd314
}
#reported-note,
#deleted-note {
background-color: #333303
border:2px dotted #ff6969
}
.rating-icon-good {
border-color: #4da64d
background-color: #001b00
color: #ccffcc
}
.rating-icon-ok {
border-color: #d3d34d
background-color: #101000
color: #ffffcc
}
.rating-icon-bad {
border-color: #ff4d4d
background-color: #290000
color: #ffcccc
}
.badge-author {
background-color: rgba(0,128,0,0.7)
color: white
}
.good-rating-count {
color: #80ff80
}
.ok-rating-count {
color: #ffff80
}
.bad-rating-count {
color: #ff8080
}
//pagination buttons
.pagination>*, .script-list+.pagination>*, .user-list+.pagination>*,
.Pager > * {
background-color: transparent
}
.pagination>a:hover, .pagination>a:focus,
.Pager > a:hover, .Pager > a:focus {
background-color: bg-sidebar-btn-h
color: t-1 !important
text-decoration: none !important
}
body .Pager .Highlight {
color: t-1 !important
}
// install button
.install-help-link, .install-link, .install-link:active, .install-link:hover, .install-link:visited,
#install-area .i...