Greasy Fork is available in English.
Minor tweaks for IMDb, like sticky navbar, dark search form, thin scrollbar, dark scrollbar for dark elements.
As of
/* ==UserStyle==
@name IMDbetter
@namespace https://greasyfork.org/pl/users/636724-cml99
@version 1.0.3
@description Minor tweaks for IMDb, like sticky navbar, dark search form, thin scrollbar, dark scrollbar for dark elements.
@description:pl Drobne zmiany dla IMDb, takie jak przypięty pasek nawigacji, ciemna szukajka, wąskie i ciemne suwaki dla ciemnych elementów.
@author CML99
@license CC-BY-NC-SA-4.0
@preprocessor stylus
@homepageURL https://greasyfork.org/pl/scripts/405936-imdbetter
@supportURL https://greasyfork.org/pl/scripts/405936-imdbetter/feedback
@var checkbox cmlFixNavbar "Sticky Navigation Bar" 1
@var checkbox cmlDarkSearch "Dark Search Form" 1
@var checkbox cmlThinBar "Thin Scrollbar" 1
@var checkbox cmlDarkBar "Dark Scrollbar for Dark Sections" 1
@var checkbox cmlModBtn "Modernized Buttons (Beta)" 0
_var checkbox cmlDarkTheme "Dark Theme (Beta)" 0
==/UserStyle== */
@-moz-document domain("imdb.com") {
/* --- Sticky Navigation --- */
if cmlFixNavbar {
#imdbHeader { position: fixed !important; }
#wrapper, .ipc-page-wrapper { padding-top: 56px !important; }
}
/* --- Dark Search Form --- */
if cmlDarkSearch {
#nav-search-form { background-color:#333; }
#suggestion-search-button { background-color: #333; }
#suggestion-search-button:hover { background-color: #666; }
#suggestion-search-button .ipc-icon.ipc-icon--magnify { color: #ccc; }
#suggestion-search-button:hover .ipc-icon.ipc-icon--magnify { color: #f5c518; }
.search-category-selector .ipc-text-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled),
.search-category-selector .ipc-outline-button.ipc-button--core-base.ipc-button--on-textPrimary:not(:disabled),
#suggestion-search { color: #ddd; caret-color: #ccc; }
}
/* --- Modern Buttons --- */
if cmlModBtn {
.btn.primary, .btn2.primary { background: #f5c518 !important; border-color: #f5c518 !important; color: #000 !important; }
.btn.primary:hover, .btn2.primary:hover { background: #ccc !important; border-color: #ccc !important; color: #000 !important; }
.btn2 { background: #ccc !important; border-color: #ccc !important; color: #000 !important; }
.btn2:hover { background: #aaa !important; border-color: #aaa !important; color: #000 !important; }
a.btn, button.btn, input.btn { background: #fbf3c3 !important; border-color: #fbf3c3 !important; color: #000 !important; }
a.btn:hover, button.btn:hover, input.btn:hover { background:#ece2c6 !important; border-color:#ece2c6 !important; color:#000 !important; }
#filmography .head { background: #eee !important; border-color: #eee !important; border-radius: 2px; }
#filmography .head:hover { background: #f7f2d1 !important; border-color: #f7f2d1 !important; }
}
/* --- Thin White Scrollbar --- */
if cmlThinBar {
* { scrollbar-width: thin; }
:root { scrollbar-width: thin; scrollbar-color: #bbb #eee; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar:horizontal { height: 8px; }
::-webkit-scrollbar-track { background-color: #eee; }
::-webkit-scrollbar-thumb { background-color: #bbb; }
::-webkit-scrollbar-thumb:hover { background-color: #999; }
}
/* --- Dark Scrollbar for Dark Lists --- */
if cmlDarkBar {
.wlb_dropdown_list, .mediaviewer__footer { scrollbar-color: #444 #222; }
.wlb_dropdown_list::-webkit-scrollbar, .mediaviewer__footer::-webkit-scrollbar { width: 16px; }
.wlb_dropdown_list::-webkit-scrollbar-track, .mediaviewer__footer::-webkit-scrollbar-track { background: #222; }
.wlb_dropdown_list::-webkit-scrollbar-thumb, .mediaviewer__footer::-webkit-scrollbar-thumb { background: #444; }
.wlb_dropdown_list::-webkit-scrollbar-thumb:hover, .mediaviewer__footer::-webkit-scrollbar-thumb:hover { background: #555; }
.wlb_dropdown_list::-webkit-scrollbar-thumb:active, .mediaviewer__footer::-webkit-scrollbar-thumb:active { background: #666; }
}
if cmlDarkBar and cmlThinBar {
.wlb_dropdown_list, .mediaviewer__footer { scrollbar-width: thin; scrollbar-color: #444 #222; }
.wlb_dropdown_list::-webkit-scrollbar, .mediaviewer__footer::-webkit-scrollbar { width: 8px; }
.wlb_dropdown_list::-webkit-scrollbar-track, .mediaviewer__footer::-webkit-scrollbar-track { background: #222; }
.wlb_dropdown_list::-webkit-scrollbar-thumb, .mediaviewer__footer::-webkit-scrollbar-thumb { background: #444; }
.wlb_dropdown_list::-webkit-scrollbar-thumb:hover, .mediaviewer__footer::-webkit-scrollbar-thumb:hover { background: #555; }
.wlb_dropdown_list::-webkit-scrollbar-thumb:active, .mediaviewer__footer::-webkit-scrollbar-thumb:active { background: #666; }
}
}
@-moz-document url("https://www.imdb.com/"), url-prefix("https://www.imdb.com/?ref_="), url-prefix("https://www.imdb.com/imdbpicks/") {
/* Dark Scrollbar for Home Page */
if cmlDarkBar {
:root { scrollbar-color: #444 #222; }
::-webkit-scrollbar { width: 16px; }
::-webkit-scrollbar-track { background: #222; }
::-webkit-scrollbar-thumb { background: #444; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::-webkit-scrollbar-thumb:active { background: #666; }
}
if cmlDarkBar and cmlThinBar {
* { scrollbar-width: thin; }
:root { scrollbar-width: thin; scrollbar-color: #444 #222; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #222; }
::-webkit-scrollbar-thumb { background: #444; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::-webkit-scrollbar-thumb:active { background: #666; }
}
}
@-moz-document domain("imdb.com") {
if cmlDarkTheme {
:root { scrollbar-color: #444 #222; }
::-webkit-scrollbar { width: 16px; }
::-webkit-scrollbar-track { background: #222; }
::-webkit-scrollbar-thumb { background: #444; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::-webkit-scrollbar-thumb:active { background: #666; }
}
if cmlDarkTheme and cmlThinBar {
* { scrollbar-width: thin; }
:root { scrollbar-width: thin; scrollbar-color: #444 #222; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #222; }
::-webkit-scrollbar-thumb { background: #444; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::-webkit-scrollbar-thumb:active { background: #666; }
}
if cmlDarkTheme {
:root {
--cml-color-yellow: #f5c518;
--cml-color-link-normal: #3ca9ff;
--cml-color-link-hover: #aadaff;
--cml-color-link-visited: #c6a6ff;
}
/* --- Dark Theme WIP --- */
/*
a:link { color: var(--cml-color-link-normal); }
a:hover { color: var(--cml-color-link-hover); }
a:visited { color: var(--cml-color-link-visited); }
hr { border-color: #666; }
h1 { color: #ccc; }
h2, h3 { color: var(--cml-color-yellow); }
h4 { color: #ccc; }
#sidebar h2, #sidebar h3 { color: #ccc; }
input { background-color: #444; border-color: #666; }
input { color: #ccc; }
select {
background-color: #444;
border-color: #666;
color: #ccc;
}
select option { background-color: #333; }
[type="checkbox"], [type="radio"] { opacity: .5; }
[type="checkbox"]:checked, [type="radio"]:checked { opacity: 1; }
#root, p, .imdb-search-gateway__options p { color: #aaa; }
.message_box .info { background-color: #333; }
.message_box .info h2, .message_box .info p { color: #aaa; }
button.primary, .linkasbutton-primary { background: var(--cml-color-yellow); border-color: var(--cml-color-yellow); }
button.primary:hover, .linkasbutton-primary:hover { background: #ccc; border-color: #ccc; }
#wrapper { background-color: #333; }
#pagecontent { background-color: #222; }
.recently-viewed { border-color: #222; background-color: #111; }
.article, .aux-content-widget-3, .aux-content-widget-2, .aux-content-widget-3, .article.on-tv, .aux-content-widget-4 {
border-color: #444;
background: #444;
color: #ccc;
}
.article h1.findHeader { color: #ccc; }
.article h1.findHeader span.findSearchTerm { color: #ddd; }
.findResult { background-color: #333; border-color: #444; }
div.findMoreMatches { background-color: #222; color: #ccc; }
div#findSubHeader span#findSubHeaderLabel { color: #ccc; }
.imdb-search-gateway, #root.redesign { background-color: #222; }
.ipl-input__input, .ipl-select__input, .ipl-select__marker { border-color: #aaa; color: #ccc; }
.ipl-input__input:focus, .ipl-select__input:focus, .ipl-select__input:focus { border-color: var(--cml-color-link-normal); }
.ipl-input__input:focus ~ .ipl-input__label, .ipl-select__input:focus ~ .ipl-input__label, .ipl-select__input:focus ~ .ipl-select__label, .ipl-select__input:focus ~ .ipl-select__marker { color: var(--cml-color-link-normal); }
.ilm_help_button { filter: invert(75%); }
.search-box { background-color: #444; border-color: #666; }
.search-bar-results { border-color: #666; }
.search_item { background-color: #444; }
.search_item:hover { background-color: #333; }
#content-2-wide #main { padding-bottom: 25px; }
.nameSearch, .titleSearch { border-color: #333; background: #333; }
#content-2-wide #main, #content-2-wide .main, div#content-2-wide { background-color: #444; }
#signin-options .list-group-item, #signin-options a.list-group-item:hover, a.list-group-item:focus {
background-color: #222;
border-color: #222;
}
#signin-options .list-group-item:hover, #signin-options a.list-group-item:hover, a.list-group-item:focus {
background-color: #333;
border-color: #333;
color: #ccc;
}
.auth-provider-text { color: #aaa; }
#signin-options .list-group-item.create-account:hover {
background-color: #ccc;
border-color: #ccc;
}
#signin-perks { border-color: #666; }
#gatsby-focus-wrapper .ipc-page-wrapper--base { background-color: #444; }
.UseCases-module--section--3kg4Y, .GetStarted-module--section--6j7-w { background-color: #333; }
.Products-module--section--1rYnf { background-color: #222; }
.ipc-link--base, .ipc-link--base:focus, .ipc-link--base:hover, .ipc-link--base:visited, a.ipc-link--base:link {
color: var(--cml-color-link-hover);
}
.Products-module--card--3RMih { background-color: #444; }
.a-section, .a-ws.a-js.a-audio.a-video.a-canvas.a-svg.a-drag-drop.a-geolocation.a-history.a-webworker.a-autofocus.a-input-placeholder.a-textarea-placeholder.a-local-storage.a-gradients.a-transform3d.a-touch-scrolling.a-text-shadow.a-text-stroke.a-box-shadow.a-border-radius.a-border-image.a-opacity.a-transform.a-transition.null, .a-box .a-divider.a-divider-section .a-divider-inner::after, .a-color-base-background .a-divider.a-divider-section .a-divider-inner::after, .a-divider.a-divider-section .a-divider-inner::after, .a-box {
background: #333;
border-color: #666;
color: #ccc;
}
.a-color-secondary, .a-label.a-checkbox-label, .a-alert-content { color: #aaa !important; }
.a-input-text, input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="search"] { background-color: #222; border-color: #666; }
#remember_me_learn_more_link .a-icon-popover { filter: invert(100%); }
.a-popover-wrapper { border-color: #666; }
.a-popover-header { background: #111; border-color: #666; }
.a-popover-inner { background-color: #222; }
.a-popover.a-arrow-top .a-arrow { border-top-color: #666; }
.a-button-primary, .a-button-primary .a-button-inner {
background: var(--cml-color-yellow) !important;
border-color: var(--cml-color-yellow) !important;
}
.a-button-primary:hover, .a-button-primary .a-button-inner:hover {
background: #ddd !important;
border-color: #ddd !important;
}
.a-box .a-divider.a-divider-break::after, .a-color-base-background .a-divider.a-divider-break::after, .a-divider.a-divider-break::after { border-color: #666 !important; }
.a-box .a-divider.a-divider-break h5, .a-color-base-background .a-divider.a-divider-break h5, .a-divider.a-divider-break h5 {
background-color: #333;
color: #aaa;
}
#auth-create-account-link { border-color: #666; }
#auth-create-account-link .a-button-inner { background: #444 !important; }
#auth-create-account-link .a-button-inner:hover { background: #222 !important; }
#createAccountSubmit { color: #ccc; }
#logged_out_header, #logged_out_header .a-section {
background-color: #666;
border-color: #666;
}
#imdb_pro_login_popover { color: #fff; }
#imdb_pro_login_popover .a-icon-popover { filter: invert(100%); opacity: 1; }
#login_buttons { background-color: #222; }
*/
}
}