A highly customizable userstyle for OzBargain with numerious options and tweaks.
OzBargain Black Edition by billycool
Imported and mirrored from https://github.com/BillyCool/UserStyles/raw/master/OzBargain-Black-Edition/ozbargain-black-edition.user.css
Details
Authorbillycool
LicenseGPL-3.0-or-later
Created
Updated
Categoryozbargain.com.au
Statistics
Learn how we calculate statistics in the FAQ.
Total views
Total installs
Weekly installs
Weekly updates
Description
Notes
Installation
Features
- Customize background color, comes black by default
- Customize text color, comes in white-ish by default
- Customize the overall website theme color, comes with classic orange
- Customize dollar value color in deals, comes with classic orange by default
- Customize the percentage difference between various shades of colors
- Hide the sidebar
- Hide the footer
- Hide the newsletter form
- Hide highlighted competitions
- Hide highlighted topics
- Hide related stores
- unpublished deals and topics
- Hide social media share buttons
- Hide sticky buttons
- Configure various miscellaneous colors
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 「OzBargain Black Edition」
@namespace BillyCool
@version 1.2.7
@description A highly customizable userstyle for OzBargain with numerious options and tweaks.
@author BillyCool
@homepageURL https://github.com/BillyCool/UserStyles/tree/master/OzBargain-Black-Edition
@license GPL-3.0-or-later
@preprocessor stylus
@var color bg-1 "Background color" #000
@var color text-1 "Text color" #e1e1e1
@var color highlight "Highlight color" #cd6702
@var color dollar "Dollar value color" #cd6702
@var range color-step "Color steps" [5, 5, 15, 1, "%"]
@var checkbox hide-sidebar "Hide sidebar" 0
@var checkbox hide-footer "Hide footer" 0
@var checkbox hide-newsletter "Hide newsletter" 1
@var checkbox hide-highlighted-comps "Hide highlighted competitions" 0
@var checkbox hide-highlighted-topics "Hide highlighted topics" 0
@var checkbox hide-related-stores "Hide related stores" 0
@var checkbox hide-unpublished-deals "Hide unpublished deals & topics" 0
@var checkbox hide-social-share "Hide social media share buttons" 0
@var checkbox hide-sticky "Hide sticky buttons" 0
@var color primary "Misc: Primary color" #3881ff
@var color secondary "Misc: Secondary color" #808080
@var color success "Misc: Success color" #2ddd3a
@var color danger "Misc: Danger color" #dd2d2d
@var color warning "Misc: Warning color" #ffc107
@var color info "Misc: Info color" #2ddcff
==/UserStyle== */
@-moz-document domain("ozbargain.com.au") {
/* Variable declarations */
bg-2 = lightenOrDarken(bg-1, color-step);
text-2 = lightenOrDarken(text-1, color-step * 3);
/* Helper functions */
lightenOrDarken(color, amount = 5%) {
if (dark(color)) {
return lighten(color, amount);
} else {
return darken(color, amount);
}
}
getInverseColor(color) {
if (dark(color)) {
text-1;
} else {
bg-1;
}
}
body {
color: text-1 !important;
background: bg-1 !important;
}
a {
color: text-1 !important;
&:hover {
color: highlight !important;
.fa-border {
border-color: highlight !important;
}
}
&.btn, &.badge {
color: text-1 !important;
background: bg-1 !important;
border-color: highlight !important;
&:hover {
color: highlight !important;
}
}
&.external, &.internal, &.wikilink1, &.wikilink2, &.urlextern, &.reflink {
color: text-2 !important;
border-color: text-2 !important;
&:hover {
color: highlight !important;
border-color: highlight !important;
}
}
.halfleft {
color: text-1;
background: bg-1 !important;
&:hover {
color: highlight !important;
}
}
.halfright {
color: bg-1;
background: text-1;
&:hover {
color: highlight !important;
}
}
}
input.btn, input.button, button.btn {
color: text-1 !important;
background: bg-1 !important;
border-color: highlight !important;
&:hover {
color: highlight !important;
&:disabled {
color: text-2 !important;
}
}
}
input, select, textarea {
color: text-1 !important;
background: bg-1 !important;
border-color: highlight !important;
&:focus {
outline: 1px solid highlight !important;
}
optgroup {
background: bg-2 !important;
}
}
fieldset, blockquote {
border-color: highlight !important;
position: relative;
&.collapsible legend {
background: bg-1 !important;
border-color: highlight !important;
&:before {
content: '';
background: url('/files/images/toggle.png?v=1') 5px 50% no-repeat !important;
background-position: 0 0 !important;
height: 9px;
width: 9px;
position: absolute;
left: 12px;
top: -16px;
}
}
&.collapsed legend:before {
background-position: 0 -18px !important;
}
}
table {
background: bg-1 !important;
border-color: highlight !important;
th, td {
color: text-1 !important;
background: bg-1 !important;
border-bottom: 1px solid highlight !important;
border-color: highlight !important;
&.unpublished {
background: bg-2 !important;
}
}
}
#header {
background: bg-1 !important;
#menu {
li {
a {
background: bg-1 !important;
}
&.active > a {
color: bg-1 !important;
background: highlight !important;
}
.menupopup {
color: text-1 !important;
background: bg-1 !important;
border-color: highlight !important;
box-shadow: none !important;
h3, .group, .userinfo, .noti-item, .externallogin {
color: highlight !important;
background: bg-1 !important;
border-color: highlight !important;
}
}
}
}
}
#header2nd {
background: bg-1 !important;
box-shadow: none !important;
border-top: 1px solid highlight !important;
a {
background: bg-1 !important;
&.active {
color: bg-1 !important;
background: highlight !important;
}
}
}
#tooltip {
background: bg-1 !important;
box-shadow: none !important;
border-color: highlight !important;
#tooltip-title {
color: highlight !important;
background: bg-1 !important;
font-weight: bold;
}
.tooltip-menu li a {
color: text-1 !important;
&:hover {
background: bg-1 !important;
color: highlight !important;
}
}
#tooltip-copy, #tooltip-close {
color: text-1 !important;
}
.tooltip-options {
border-color: highlight !important;
}
a {
color: text-2 !important;
&:hover {
color: highlight !important;
}
}
}
main {
color: text-1 !important;
background: bg-1 !important;
.fpnotice {
a {
border: 1px solid highlight !important;
background-color: bg-2 !important;
span {
color: highlight;
}
}
}
.fpnotice-apd {
border-color: highlight !important;
}
.countdown-cdval {
color: text-1 !important;
background: bg-1 !important;
border-color: highlight !important;
}
.countdown-lbl {
color: text-1 !important;
}
.messages {
color: text-1 !important;
background: bg-2 !important;
border-color: highlight !important;
box-shadow: none !important;
&.form-item {
background: bg-1 !important;
}
.days {
color: highlight !important;
}
.votes {
color: bg-1 !important;
background: success !important;
font-weight: bold !important;
}
&.node {
background: bg-1 !important;
.classified-type-tag {
&.want {
background: primary !important;
}
a {
color: bg-2 !important;
}
}
}
}
h1.tags {
color: text-2 !important;
span {
color: text-1 !important;
background: bg-1 !important;
border-color: highlight !important;
}
}
#title, .title, .section, .description {
color: text-1 !important;
border-color: highlight !important;
}
.foxshot-container {
a {
background: bg-1 !important;
border-color: highlight !important;
&:hover {
background: bg-2 !important;
}
}
}
.productlist .img {
background: bg-1 !important;
a {
border-color: highlight !important;
&:hover {
background-color: bg-2 !important;
}
}
}
.search-results strong {
color: bg-1 !important;
background: highlight !important;
}
.couponcode {
background: bg-2 !important;
border-color: highlight !important;
strong {
border-color: highlight !important;
}
}
.bfcm {
color: text-1 !important;
background: bg-1 !important;
border: 1px solid highlight !important;
a {
&:hover {
color: highlight !important;
}
div:first-child {
color: text-1 !imp...