Skip to content

Apotea Dark by aruncveli

Imported and mirrored from https://github.com/aruncveli/userstyles/raw/main/apotea/apotea.user.styl

Screenshot of Apotea Dark

Details

Authoraruncveli

LicenseMIT

Categoryapotea.se

Created

Updated

Size4.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for Apotea

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Apotea Dark
@namespace      github.com/aruncveli/userstyles
@version        24.10.14
@description    Dark theme for Apotea
@author         Arun Chandanaveli <aruncveli@gmail.com> (https://github.com/aruncveli)
@homepageURL    https://github.com/aruncveli/userstyles
@supportURL     https://github.com/aruncveli/userstyles/issues
@license        MIT
@preprocessor   stylus
@var	color	fg	        "Foreground"	            white
@var	color	bg	        "Background"	            black
@var	color	bg1	        "Background lightened 1"	#111111
@var	color	bg2	        "Background lightened 2"	#222222
==/UserStyle== */

set-bg(var = bg)
  background var

set-bg-imp()
  background bg !important

set-bg1()
  set-bg(bg1)

set-fg()
  color fg

set-fg-imp()
  color fg !important

@-moz-document domain("www.apotea.se")
  :root
    --background-color bg
    --bs-body-color fg
    --bs-btn-hover-color fg
    --bs-white-rgb bg
    color-scheme dark

  body
  p
  .search-facet-label
  #product-subscription-details
    set-bg()
    set-fg()

  #header
  .header-container
  #toplinks
  #popular-links-container
  #brands-left
  .general-form-item
  .premium .price-tag a
  #toplist
  .footer-logo-container
  #footer-logos-new
  .search-top
  .description
  #search-facets
  .white-with-padding
  .login-box
  #product-facts-grid
  #cart-header
  #cart-item-container
  #cart-parent
  #choose-auth-main
    set-bg()

  #product
    &,
    .row
      set-bg()

  #main-menu
    &,
    .rx
    li
      set-bg()

  #sidebar-categories
    &
    .category-container
      set-bg()
    .lvl-1.collapsed
      set-bg()
      set-fg()

  #left-bottom-panel
    &
    ul
      set-bg()

  .facet-dropdown
  .btn:hover
  .table
  .checkout-field input
    set-bg1()

  #suggest-container
    border 1px solid bg1
    set-bg1()
    div.hit
      for side in top bottom
        border-{side} 1px solid bg2
      &.selected
        set-bg1()
      &:hover
      &.selected:hover
        background-color bg2

  #backToTop
    background-color bg2

  #last-sold
  #home-right-banners
    set-bg-imp()

  div
  .lvl-1.sidebar-categories-go
  #sidebar-categories .lvl-1.sidebar-categories-go
  .lvl-2.sidebar-categories-go
  .sidebar-category-header.lvl-2.collapsed
  #left-bottom-panel li
  h1
  h2
  h3
  h4
  h5
  h6
  #suggest-container a
  .toggle-element.collapsed h5
  .btn-info
  #cart-parent .name a
    set-fg()

  #cart-content
    set-bg()
    .cart-item
    .footer
      set-bg()
    .ord-price
    .sum h4 #cart-header-sum
      set-fg()

  .apotea-responsive-footer
    set-bg()
    h4
    a
    > div
      set-bg-imp()
      set-fg-imp()

  .form-control
    set-bg()
    set-fg()
    &:focus
      set-bg1()
      set-fg()

  .product-block
    set-bg()
    a:not(:hover)
    .is-med-div
      set-fg()

  #cart-quantity-full
    set-fg-imp()

  .first-page-container
  #search
    .fadeout
      background linear-gradient(rgba(0 0 0 0), rgba(0 0 0 1))

  .offcanvas
    --bs-offcanvas-bg bg

@-moz-document url-prefix("https://widget-launcher.imbox.io/index")
  #root
    background-color bg

@-moz-document url-prefix("https://www.apotea.se/nyakassan")

  #checkout .checkout-form-title
  #cart-item-container
  input
  .checkout-charity-item
  .offer-item
  .counceling-question
  #checkout-message-container
    set-bg()

  .checkout-shipping-method
    set-bg()
    &.active
      set-bg1()

  #checkout-offers .offer-item-text
    set-fg()

  #cart-parent
    set-bg()
    .name a
      set-fg()

  #cart-content
    .cart-item
      set-bg()
    .sum h4 #cart-header-sum
      set-fg()

  #checkout-top
    .checkout-top-info
      set-bg()
    .toggle-element
      set-bg1()
      svg
        stroke fg

@-moz-document url-prefix("https://www.apotea.se/recept/hamta-ut")
  .prescription-title
    color fg !important

  .prescriptionRow div
  .card-padding.rx-prescription-flex-row h5
  .toggle-element.collapsed
    set-fg()

  .rx-user-container
  .prescription-row-more-info .toggle-element
  .rx-navbar-new a
    set-bg()

  .bslabel-success-light
    set-bg1()

  .thinBorder
  .rowDivider
    border-bottom-color bg

  .collapse-link:hover
  .collapse-link.collapsed:hover
    set-fg()

Reviews

No reviews yet.