bab.la - Dark Theme by pabli

Imported and mirrored from https://github.com/pabli24/bab.la-dark/raw/main/babla-dark.user.css

bab.la - Dark Theme screenshot
Homepage Install Get Stylus Write a review

Details

Authorpabli

LicenseNo License

Created

Updated

Categorybab.la

Statistics

Learn how we calculate statistics in the FAQ.

Total views252

Total installs354

Weekly installs6

Description

Dark Theme for bab.la online dictionary

Also available on GreasyFork.org
☕ Support me on ko-fi

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.000.631.251.882.503.133.754.385.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.0025.0050.0075.00100.00125.00150.00175.00200.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           bab.la - Dark Theme
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    Dark Theme for bab.la online dictionary
@author         Pabli
@homepageURL    https://github.com/pabli24/bab.la-dark
@supportURL     https://github.com/pabli24/bab.la-dark/issues
==/UserStyle== */

@-moz-document domain("bab.la") {
:root {
	color-scheme: dark;
}
.home .search-box-submit a {
	background-color: #444;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
	color: #fff;
}
body.languages .navbar, body.languages .site-switch-toggle,
body.corporate .navbar, body.corporate .site-switch-toggle {
	background-color: #0d0d0d;
}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover, .navbar-nav>.active>a:focus,
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
	color: #eee;
	background-color: rgba(255, 255, 255, 0.1)
}
.action-wrapper .logo-flash, .navbar-brand .babla-logo {
	background: transparent url(https://static.bab.la/img/babla-logo-white.svg) no-repeat left center scroll;
}
#firstHeaderBar .navbar-header .material-icons {
	color: #eee;
}
#firstHeaderBar a:hover .material-icons {
	color: rgba(255, 255, 255, .7);
}
body, body.languages .image-stage, body.languages .intro-stage {
	background-color: #111;
	color: #eee;
}
.home #firstHeaderBar .navbar-header, #firstHeaderBar .navbar-header {
	background-color: #1f1f1f;
}
.content, .trendingWords .text, .trendingWords li {
	background-color: #1f1f1f;
}
.action-wrapper,
body.action-links-open .action-panel-form-language-switch:after {
	background-color: #1f1f1f;
}
.action-links {
	background-color: #1f1f1f;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dict-select-column ul li a, .dict-select-column li:not(.bab-custom-dictsub) {
	color: #eee;
	background-color: #252525;
}
.dict-select-column ul li:hover a, 
.dict-select-column ul li:active a, 
.dict-select-column li:not(.bab-custom-dictsub):hover, 
.dict-select-column li:not(.bab-custom-dictsub):active,
.tt-suggestion:hover, .tt-cursor {
	background-color: #333;
}
.dict-select-column ul li a.more.collapsed {
	color: #eee;
}
.action-panel-form-item {
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
.home .action-panel-form .action-panel-form-item-input {
	border: 2px solid #333;
}
@media screen and (max-width: 740px) {
.action-panel-form-item-input {
	border-bottom: 1px solid #333;
}
}
.action-search, .action-search:focus {
	color: #eee;
}
.action-panel-form a, .action-panel-form .form-prefix, .action-panel-form-sm a, .action-panel-form-sm .form-prefix,
a.action-panel-form-submit,
.dict-switch-help h3,
.dict-select-column ul li a.more,
.dict-switch-help p {
	color: #aaa;
}
.action-panel-form a:hover, .action-panel-form-sm a:hover, .action-panel-form .action-links-toggle:hover, .action-panel-form .swapLanguage:hover, .action-panel-form-sm .action-links-toggle:hover, .action-panel-form-sm .swapLanguage:hover, .swapLanguage:hover {
	color: #ccc;
}
body.languages .section-label,
.teaser.languages .section-label {
	background-color: #0f4f7d;
}
body.languages .section-label:after {
	border-top-color: #1172b9;
}
.teaser.magazine .section-label {
	background-color: #923a1f;
}
.quick-results-header .quick-results-h2,
.quick-results .quick-result-entry .sense-group-results a,
.quick-result-entry .toc-links a,
.quick-result-entry .toc-links a:after,
.material-icons[style*="color:#0077CC;"],
.dict-entry .dict-example .dict-source .icon-link, .dict-entry .dict-example .mono-examples .icon-link:hover, .dict-entry .dict-example .mono-examples .icon-link:focus, .dict-entry .dict-example .mono-examples .icon-link {
	color: #6fb8ec !important;
}
a, 
.teaser-wrapper span.teaser-eyecatcher,
.teaser.languages a.container:hover span.teaser-header,
.dict-select-portion-header,
body.languages .dropdown-header,
body.corporate .dropdown-header,
.content-list .content-item-calltoaction,
.content-list .content-item>a:hover .content-item-header, .collocs a.colloc-link,
.trendingWords .trendingWord {
	color: #6fb8ec;
}
a:hover, a:focus,
p.practical-alert a:hover {
	color: #558db5;
}
.teaser.magazine span.teaser-eyecatcher,
.teaser.magazine a.container:hover span.teaser-header {
	color: #f79577;
}

.breadcrumb a,
.breadcrumb>.active,
.breadcrumb a:hover, .breadcrumb a:focus {
	color: #ccc;
}
.breadcrumb>li+li:before {
	color: #ddd;
}

.result-block .result-block-toc ol {
	border-bottom: 1px solid #333;
	color: #aaa;
}
.result-block .sense-group .sense-group-header {
	color: #f79577;
	border-bottom: 1px solid #333;
}
.toc-links, .collocs .colloc-examples {
	border-top: 1px solid #333;
}
.toc-links a {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.toc-links a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.quick-results .quick-results-header, 
.result-block .result-block-header,
.dict-entry, .collocs .example, .collocs .quick-results-h1 {
	border-bottom: 1px solid #333;
}
.dict-entry .dict-example strong, .dict-entry .dict-example b {
	background-color: #0f4f7d;
}
.conj-tense-block-header {
	color: #ff889a;
	border-bottom: 1px solid #333;
}
.quick-results .quick-result-entry span.suffix, .quick-results .quick-result-entry span.sense-group-description-text,
.dict-entry .dict-translation .dict-source,
.dict-entry span.suffix,
.toc-links-header h5,
.result-block h3 span.suffix,
.result-block .result-block-toc ol li a,
footer.synonym-copyright, p.practical-alert {
	color: #aaa;
}
a.sound, span.sound, a.sound-inline, span.sound-inline {
	color: #aaa !important;
}
a.sound:hover, a.sound-inline:hover {
	color: #6fb8ec !important;
}
.dict-entry .dict-example .dict-source {
	color: #ccc;
}
a.icon-link {
	color: #aaa;
}
a.icon-link:hover, a.icon-link:focus {
	background-color: rgba(255, 255, 255, 0.1);
	color: #eee;
}

.dropdown-menu, .tt-menu {
	background-color: #111;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.dropdown-menu>li>a, .tt-menu>li>a {
	color: #eee;
}
.dropdown-menu>li>a:hover, .tt-menu>li>a:hover, .dropdown-menu>li>a:focus, .tt-menu>li>a:focus {
	color: #eee;
	background-color: #252525;
}
.dropdown-menu>.active>a, .tt-menu>.active>a, .dropdown-menu>.active>a:hover, .tt-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .tt-menu>.active>a:focus {
	color: #aaa;
}
.keyboard-wrapper {
	background-color: #1f1f1f;
	border-bottom: 1px solid #333;
}
.keyboard-wrapper .babla-extra-letter-set a {
	border: 1px solid #333;
	background-color: #333;
	color: #eee;
}
.keyboard-wrapper .babla-extra-letter-set a:hover {
	background-color: #444;
	color: #eee;
}

.site-footer,
.site-footer a:hover, .site-footer a:focus {
	color: #ccc;
}

.navigation #navItems .tab {
	color: #eee;
	background: #323232;
	border-right: 1px solid #444;
}
.nav>li>a:hover, .nav>li>a:focus {
	background-color: rgba(255, 255, 255, .1);
}
.content-list .content-item-teaser-img {
	border: 1px solid #333;
	background: #333 no-repeat center center scroll;
}
body.corporate .section-label {
	background-color: #444;
}
body.corporate .section-label:after {
	border-top-color: #555;
}
.form-control {
	color: #eee;
	background-color: #151515;
	border: 1px solid #444;
}
.bab-custom-dictsub,
.bab-custom-dictsub a:hover {
	background-color: #252525 !important;
}

#inputText-container, #outputText-container {
	background-color: #333;
	border-color: #444;
}
button, input, optgroup, select, textarea {
	background-color: #333;
}
.select2-container--default .select2-selection--single, .select2-dropdown {
	background-color: #333;
	border: 1px solid #444;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #444;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #eee;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.commonVerbs-closed, .commonVerbs-closed .commonVerbs-button {
	background-color: #252525;
}
.commonVerbs-button {
	color: #6fb8ec;
	background-color: #1f1f1f;
}
#topslot_container,
.info-wrapper>div {
	display: none;
}
}

Reviews

No reviews yet.