Dark Theme for https://startpage.com/
Dark Theme by masturbek

Details
Authormasturbek
LicenseNo License
Categoryuserstyles
Created
Updated
Code size7.9 kB
Code checksum42461e5e
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Example
@namespace example.com
@version 1.0.0
@description A new userstyle
@author Masturbek
==/UserStyle== */
@-moz-document domain("example.com") {
/**
Your code goes here!
More info in the official documentation at Stylus' wiki:
https://github.com/openstyles/stylus/wiki/Writing-UserCSS
*/
}
html,body,.startpage-html--dark{background:#161616}
.home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .home__section-one__search {
background: #1a1a1a;
}
.home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .add-homescreen__popup {
background: #383838;
border-color: #374677;
}
.search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__form {
background: #00000000;
box-shadow: none;
border: 1px solid #7a7a7a;
}
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer {
background: #1c1c1c;
color: #fff;
border: 1px solid #374775;
}
.hamburger-menu-home .dark-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
display: none;
z-index: 2;
background: rgb(0 0 0 / 40%);
animation: a .2s;
}
html.startpage-html--dark body .suggestPanel,.css-1w7w7sl {
color: #fff;
background-color: #2c2c2c;
border: 1px solid #444444;
}
html.startpage-html--dark body .nav_link{
border-bottom: 1px solid #5a5a5a;
padding:0.5rem;
}
.settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) {
background: #161616;
}
.settings-nav:not(.settings-nav--default):not(.settings-nav--blak):not(.settings-nav--nite):not(.settings-nav--dawn) {
background: #282828;
}
.header-settings:not(.header-settings--default):not(.header-settings--blak):not(.header-settings--nite):not(.header-settings--dawn) {
background-color: #444444;
}
.settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) .settings__section-options {
background: #2a2a2a;
border: 1px solid #3e3e3efc;
}
.settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) .settings__form-select {
background-color: #3e3e3e;
}
.settings-field-region:not(.settings-field-region--default):not(.settings-field-region--blak):not(.settings-field-region--nite):not(.settings-field-region--dawn) .settings-field-region__form-select {
background-color: #3e3e3e;
}
.settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) .settings__field-label {
border-bottom: 1px solid #646464;
}
.settings-field-region:not(.settings-field-region--default):not(.settings-field-region--blak):not(.settings-field-region--nite):not(.settings-field-region--dawn) {
border-bottom: 1px solid #646464;
}
.footer-home-above-fold:not(.footer-home-above-fold--default):not(.footer-home-above-fold--blak):not(.footer-home-above-fold--nite):not(.footer-home-above-fold--dawn) {
background: #282828;
}
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__container {
background: #2a2a2a;
}
.settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) .field-checkbox:hover input:checked~.toggle:before, .settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) .field-checkbox input:checked~.toggle:before {
background-color: #a1a1a1;
}
.settings .field-checkbox input:checked~.toggle:after {
background-color: #2e2e2e;
}
.settings:not(.settings--default):not(.settings--blak):not(.settings--nite):not(.settings--dawn) .toggle:before {
background-color: #3c3c3c;
}
.settings .toggle:after{background-color: #2e2e2e;}
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__right-rail, .css-19jqjy9 {
background: #323232;
}
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__left-rail {
background: #484848;
border-right: 1px solid #666666;
}
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display,.css-19x0vgd {
border: 1px solid #666666;
}
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer {
background: #1c1c1c;
}
.hamburger-menu .dark-overlay {
background: rgb(0 0 0 / 40%);;
}
.privacy-please-menu__button {
color: #f11313;
}
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button .chevron-container {
background: #00000000;
}
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__display__left-rail, .css-19x0vgd,.css-xjl0kk {
background: #484848;
border-right: 1px solid #666666;
}
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__display__right-rail {
background: #323232;
}
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__display {
border: 1px solid #666666;;
}
.header:not(.header--default):not(.header--blak):not(.header--nite):not(.header--dawn),.css-f4zabt,.css-1kaxp2b {
background-color: #282828;
}
.layout-web:not(.layout-web--default):not(.layout-web--blak):not(.layout-web--nite):not(.layout-web--dawn),.layout-video:not(.layout-video--default):not(.layout-video--blak):not(.layout-video--nite):not(.layout-video--dawn),.layout-news:not(.layout-news--default):not(.layout-news--blak):not(.layout-news--nite):not(.layout-news--dawn) {
background: #161616;
}
.si101 {background-color: #161616;}
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn),.css-1rmfzu1, body {
background: #161616;
}
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__result {
border-color: #646464;
background: #222222;
}
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__top-regular-img .headline, .wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__top-square-img {
border-bottom: 1px solid #646464;
}
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__form,.css-fawbbo, .css-14g4a5e, .e1vne5t50,.css-lunvq6{
background: #00000000;
border: 1px solid #7a7a7a;
}
.si27 {color: #8ab4f8;}
.css-17d25cl{background:#3e3e3e;}
.expanded-image-drawer{
background:transparent;
border: 1px solid #646464;
}
.layout-anonymous-view__info-bar{
background: #282828;
}
.layout-anonymous-view__main{border: 1px solid #282828;}