An improved dark style with an orange primary tint that removes ads.
Thingiverse Dark Orange Improved by spazmoose
Details
Authorspazmoose
LicenseCC
Categoryhttps://thingiverse.com
Created
Updated
Size17 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is an improved Dark Orange style that takes elements from the old 'Thingiverse Dark Orange' UserStyle created by Chris N and improves upon it, as well as taking elements from the 'Improved Thingiverse Styling' style created by RobotOilInc.
It creates a comfortable dark style with an orange primary color tint to it.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Thingiverse Dark Orange Improved
@version 20231231.06.17
@namespace userstyles.world/user/spazmoose
@description An improved dark style with an orange primary tint that removes ads.
@author spazmoose
@license CC
==/UserStyle== */
@-moz-document domain("thingiverse.com") {
/* ==UserStyle==
@name Thingiverse Dark Orange Improved
@namespace thingiverse.com
@version 1.0.0
@description A dark style with orange primary colors that makes Thingiverse more livable, removing ads & fixes URLs.
@author Spazmoose
@credit RobotOilInc & Chris N
==/UserStyle==
*/
}
@-moz-document domain("thingiverse.com") {
/* Fixes URLs and Removes Ads */
.ThingPage__description--14TtH p a {
display: inline;
}
div[class^='AdCard__card-'],
div[class*=' AdCard__card'],
div[class^='AdCard__leaderboard'],
div[class*=' AdCard__leaderboard'],
div[class^='AdCard__leaderboar'],
div[class*=' AdCard__leaderboar'] {
display: none !important;
}
[class*='AdCard__adCardContent'],
[title*='Advertisement'] {
display: none;
}
div[class^='ItemCardContainer__itemCard']:has([class*='AdCard__adCardContent']) {
display: none;
}
div[class*='AdBanner__adBanner'] {
display: none !important;
}
#iframe-app iframe {
height: 1000px;
}
.make-card > .card-img-holder > img.card-img {
object-fit: cover;
width: 100%;
}
}
@-moz-document domain("thingiverse.com") {
/* Common Page Layout */
/* Main Site Background Color */
html, body, [class^='site-'] {
background-color: #171717;
}
/* General HTML Control Coloring */
ul li, ol li, span, div, p, h1, h2, h3, h4, h5, h6,
a[class^='SideMenuItem__textWrapper'],
textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"],
input[type="time"], input[type="week"],
input[type="number"], input[type="email"],
input[type="url"], input[type="search"],
input[type="tel"], input[type="color"],
.uneditable-input {
color: lightgrey;
}
/* Header Styling */
[class^='PageHeader__header'] {
background-color: #2f2f2f !important;
color: lightgray !important;
border-bottom: 2px solid orange;
}
/* Header Search Box Styling */
div[class^='SearchInput__searchContainer'],
div[class^='SearchInput__searchIcon'],
input[class^='SearchInput__searchInput'] {
background-color: #383838 !important;
}
.SearchInput__searchContainerUserProfile--28Bjf .SearchInput__searchInput--TvGY2 {
color: lightgray !important;
}
/* Header Menu Items Styling */
div[class^='PageHeader__dropdownContentLinksColumn'],
div[class^='PageHeader__loginDropdownContent'],
div[class^='PageHeader__dropdownContentUserLinksColumn'] {
background-color: black;
}
div[class^='PageHeader__dropdownContentLinksColumn'] a:hover,
div[class^='PageHeader__dropdownContentUserLinksColumn'] a:hover {
background-color: orange !important;
color: black !important;
}
/* Sets highlighted button coloring */
button[class^='Button__button'],
button.blue-button,
div.blue-button,
button[class^='Button__button'] span,
button.blue-button span,
div.blue-button span,
button[class^='Button__button'] a,
button.blue-button a,
div.blue-button a {
background: orange !important;
color: white !important;
}
button[class^='Button__button']:hover,
button.blue-button:hover,
div.blue-button:hover,
button[class^='Button__button']:hover span,
button.blue-button:hover span,
div.blue-button:hover span,
button[class^='Button__button']:hover a,
button.blue-button:hover a,
div.blue-button:hover a {
color: #555 !important;
outline: 1px solid orange;
cursor: pointer !important;
}
/* Back to Top Button */
[class^='Pagination__pagination'] a {
color: orange !important;
}
[class^='Pagination__button'] {
background-color: orange !important;
color: white !important;
}
[class^='Pagination__button']:hover span {
color: black !important;
}
[class^='Pagination__button']:hover {
outline: 1px solid orange;
}
/* Controls that are common on many pages */
/* Text attributes on the main content while viewing items */
div[class^='BlockDetails__'],
div[class^='BlockDetails__'] p,
div[class^='BlockDetails__'] div,
div[class^='BlockDetails__'] li {
color: #555 !important;
font-weight: 400;
line-height: 16px;
}
div[class^='MetricButton__'] {
background-color: #2f2f2f;
color: lightgray;
}
[class*='MetricButton__selected'] {
border: 2px solid orange !important;
}
}
@-moz-document domain("thingiverse.com") {
/* Thing Card Layout */
div[class^='ThingCard__'],
div[class^='CollectionCard__'] {
border: 2px solid lightgray;
background: #2f2f2f !important;
color: lightgray;
}
[class^='CardActionItem__text'] {
color: lightgray;
font-weight: bold;
}
span[class^='ThingCardHeader__'] {
color: orange !important;
font-weight: bold;
}
div[class^='ThingCardHeader__'] {
color: lightgray !important;
}
a {
color: orange !important;
}
[class^='CollectionCardHeader__'] {
font-weight: bold;
color: white;
}
span .hover .sortable-handle {
color: white !important;
}
}
@-moz-document domain("thingiverse.com") {
/* Main Page Layout */
/* Menus */
[class^='Sort__'],
[class^='CategorySort__'],
[class^='FilterBySort__'] {
background-color: #2f2f2f !important;
color: lightgray;
}
[class^='Sort__sortContent'],
[class^='CategorySort__contentWrapper'] {
outline: 2px solid orange;
}
[class^='FilterBySort__dropdownContent'] {
border: 2px solid orange;
}
[class^='Sort__sortContent'] span:hover {
background-color: orange;
color: black;
}
[class^='CategoryItem__dataWrapper'] span[class^='CategoryItem__selected'] {
color: orange !important;
}
[class^='CategoryItem__dataWrapper'] span[class^='CategoryItem__selected']:hover {
color: lightgray !important;
}
[class^='CategoryItem__dataWrapper'] span {
color: lightgray !important;
}
[class^='CategoryItem__dataWrapper'] span:hover {
color: orange !important;
}
[class^='FilterBySort__typeFilterLabel']:hover {
color: orange !important;
font-weight: bold;
}
[class^='FilterBySort__separator'] {
border-color: orange;
}
[class^='FilterBySort__eduDropdownTitle']:hover {
color: orange !important;
font-weight: bold;
}
[class^='FilterBySort__resetFilter'] {
background-color: orange !important;
}
[class^='FilterBySort__resetFilter'] span {
color: white;
}
[class^='FilterBySort__resetFilter']:hover {
background-color: lightgray !important;
}
[class^='FilterBySort__resetFilter']:hover span {
color: black;
}
[class^='Checkbox__checkboxCustom']:hover {
background-color: orange !important;
}
}
@-moz-document domain("thingiverse.com") {
/* Thing Page Layout */
/* Carousel Panel */
[class^='ThingTitle__'],
[class^='ThingImageCarousel__'] {
background-color: #2f2f2f !important;
color: lightgray !important;
}
.ThingImageCarousel__carouselWrapper--FHNiQ .carousel .thumb.selected {
border: 3px solid orange !important;
}
.ThingImageCarousel__carouselWrapper--FHNiQ .carousel .thumb {
border: 3px solid dimgray !important;
}
/* Right-side Menu */
[class^='SidebarMenu__'] {
background-color: #2f2f2f !important;
outline: 1px solid lightgray;
}
[class^='SidebarMenu__'] a {
color: lightgray !important;
}
[class^='SideMenuItem__itemContainer']:hover {
background-color: orange !important;
}
[class^='SideMenuItem__itemContainer']:hover a {
color: black !important;
}
[class^='ReportWidget__']:hover {
background-color: red;
}
/* Social Media Container */
[class^='ShareThingBlock__'] {
background-color: #2f2f2f;
color: lightgray;
}
/* Left-Hand Content Containers */
[class^='WidgetContainer__'] {
background-color: #2f2f2f !important;
}
[class^='WidgetContainer__'] div {
color: lightgray;
}
[class*='License__creator'] {
color: orange !important;
}
[class^='ThingComment__'] p {
color: black;
}
.subcomponent-icon.text {
color: lightgray;
}
[class^='ThingComment__commentTextArea'] {
color: black;
}
.edit-page h1 {
color: lightgray;
}
}
@-moz-document domain("thingiverse.com") {
/* User/Designs Page Layout */
div[class^='UserProfileCard__'],
div[class^='UserAboutWidget__'] {
background-color: #2f2f2f !important;
}
span[class^='UserAboutWidget__widgetTitle'] {
font-weight: bold;
}
span[class^='UserAboutWidget__'],
div[class^='UserAboutWidget__'] p,
div[class^='UserAboutWidget__'] span {
color: lightgray !important;
}
a[class^='UserProfileBody__'] {
color: orange !important;
font-weight: bold;
}
[class^='ProfileActionItem__'] {
color: lightgray;
}
[class^='UserFilter__'],
[class^='UserSort__'] {
background-color: #2f2f2f;
color: lightgray;
}
/* Menus */
[class^='UserFilter__filterContent'],
[class^='UserSort__sortContent'] {
outline: 2px solid orange;
}
[class^='UserFilter__filterContent'] span:hover,
[class^='UserSort__sortContent'] span:hover {
background: orange;
color: black;
}
}
@-moz-document domain("thingiverse.com") {
/* Education Page Layout */
[class^='EducationPageSignUp__'] {
background-color: #2f2f2f !important;
color: lightgray !important;
}
input[class^='mktoField'] {
background-color: dimgray !important;
color: lightgray !important;
}
select[class^='mktoField'] {
background-color: dimgray;
color: lightgray !important;
}
}
@-moz-document domain("thingiverse.com") {
/* Edit/Create New Thing Page Layout */
#main {
margin-top: 10px !important;
}
.edit-section {
background-color: #2f2f2f !important;
}
.file-upload {
background-color: dimgray;
}
.submit-buttons {
padding: 15px 0 0 0;
}
.submit-buttons.fixed {
background-color: #171717;
top: 50px;
}
/* Basic Information */
input.full-width {
background-color: dimgray;
color: orange;
}
select.full-width {
background-color: dimgray;
color: orange;
}
.taglist-edit label {
b...