Dark Mode for VB webshop by Stankendesokies

/* ==UserStyle==
@name         webshop.vrijebond.org
@version      20230928.20.17
@namespace    ?
==/UserStyle== */

/* All the links to images I made are broken cuz Discord got silly with it, plus the webshop is currently still down. So I'll MAYBE fix this all in the future, but only if I remember (which is quite unlikely) So yeah, hang in there, all 3 ppl who installed this :3 */

@-moz-document url-prefix("https://webshop.vrijebond.org/") {
/* Makes all of the site the same dark colour */

body, .site-header, header#masthead::before {
    background-color: #242122;
    border-bottom-color: transparent;
}

/* Changes all of the images found on the page to either a png with a transparent background, or a jpg where I changed the colour in the background
to be the same as the colour I picked for the rest of the website */

.custom-logo {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156694788939202620/cropped-cropped-logowebshop-1.png);
    height: 125px;
    width: 125px !important;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2020/12/cropped-cropped-logowebshop-1-2-324x324.png'] {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156694788939202620/cropped-cropped-logowebshop-1.png);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2020/10/Anarchisme-Een-introductie-Promo-small-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156699231579553874/Anarchisme-Een-introductie-Promo-small-324x324.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2021/04/alle-sjaals-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156699230828761188/alle-sjaals-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2021/01/stickers-1-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156699231285944340/stickers-1-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/woocommerce-placeholder.png'] {
    content: url(https://webshop.vrijebond.org/wp-content/uploads/sites/26/2023/05/IMG-20230511-WA0010.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2020/12/niemand-1-324x324.png'] {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156930518009524264/niemand-1-416x416.png);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2020/12/enfem-1024x1024-1-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/907383525584556106/1156932858838012024/enfem-1024x1024-1-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2020/12/vb-324x324.png'] {
    content: url(https://cdn.discordapp.com/attachments/907383525584556106/1156932606588371005/vb-416x416.png);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2021/04/alles-voor-iedereen-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/907383525584556106/1156933356748034048/alles-voor-iedereen-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2021/04/be-gay-do-crime-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/907383525584556106/1157042593201389689/be-gay-do-crime-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2021/04/meer-wouden-minder-wouten-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/907383525584556106/1157043117942390904/meer-wouden-minder-wouten-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2021/04/smash-the-patriachy-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/907383525584556106/1157043511649107979/smash-the-patriachy-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

[src='https://webshop.vrijebond.org/wp-content/uploads/sites/26/2020/12/vbadam-324x324.jpg'] {
    content: url(https://cdn.discordapp.com/attachments/1155491813801603236/1156932342447882320/vbadam-416x416.jpg);
    height: 173.4px;
    width: 173.4px;
}

/* Makes the background colour for all the "extra" things a nice darker colour than the rest of the page */

footer, input[type="search"], .storefront-sticky-add-to-cart, a[href*="https://webshop.vrijebond.org/product/"] {
    background-color: #1c1b1b !important;
}

/* Makes all the drop down menus look nice with the rest of the page */

select {
    background-color: #1c1b1b;
    border: none;
    color: #adaaab
}

/* Displays the copyright text at the bottom */

.site-info {
    display: inline;
}

/* Makes the font colour for all "main" texts look nicer */

h1, h2, a, span, p {
    color: #adaaab !important;
}

/* Makes the font colour for all "extra" texts look nicer, but different from all the "main" texts */

mark, .count {
    color: #716d6e !important;
}

/* Changes some variables to make some buttons look better */

:root {
  --wp-shop-theme-color: #1c1b1b;
  --wp-shop-theme-color-sec: #202020;
  --wp-shop-border-color: #15151800;
}
}