Skip to content

Purple for Squabblr 🔮 by Lithie

Screenshot of Purple for Squabblr 🔮

Details

AuthorLithie

Licenseyes

Categorysquabblr.co

Created

Updated

Code size5.8 kB

Code checksum96155af8

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode only

Notes

Dark mode only

Source code

/* ==UserStyle==
@name         Purple for Squabbles 🔮
@version      20230705.14.19
@namespace    userstyles.world/user/Lithie
@description  Dark mode only
@author       Lithie
@license      yes
==/UserStyle== */

/* ==UserStyle==
@name         squabbles.io
@version      20230701.15.12
@namespace    ?
==/UserStyle== */

@-moz-document domain("squabblr.co") {

/* index-537a0bbf.css | https://squabbles.io/vue/assets/index-537a0bbf.css */

html[data-bs-theme="dark"] a:not(.btn) {
	color: #8d40ff;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #44098b;
}

html[data-bs-theme="dark"] .btn-primary {
  background-color: #5117a8;
  border-color: #2c0a8d;
}

.btn-primary {
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b1053;
  --bs-btn-active-border-color: #9a00ff;
}

:root, [data-bs-theme="light"] {
  --bs-primary-rgb: 122, 27, 221;
  --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.btn-outline-secondary {
  --bs-btn-color: #b6a1f0;
  --bs-btn-hover-bg: #481c97;
  --bs-btn-active-bg: #2a114f;
}

/* index-537a0bbf.css | https://squabbles.io/vue/assets/index-537a0bbf.css */

html[data-bs-theme="dark"] .btn-outline-contrast {
  --bs-btn-hover-color: #e4bdff;
  --bs-btn-hover-bg: #39228b;
  --bs-btn-hover-border-color: #f9f9f9;
  --bs-btn-active-bg: #562fe3;
  --bs-btn-active-border-color: #4a1bf1;
}

.btn:hover {
  background-color: var(--bs-btn-hover-bg);
}

.btn-success {
  --bs-btn-bg: #5117a8;
  --bs-btn-border-color: #5117a8;
  --bs-btn-hover-bg: #722ddb;
  --bs-btn-hover-border-color: #5117a8;
  --bs-btn-active-bg: #471d86;
}

.form-control:focus {
  border-color: #60f;
  box-shadow: 0 0 0 .25rem #2d1453;
}

/* index-537a0bbf.css | https://squabbles.io/vue/assets/index-537a0bbf.css */

html[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
  color: #f8f9facc;
}

html[data-bs-theme="dark"] .dropdown-item.active, html[data-bs-theme="dark"] .dropdown-item:active {
  color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: #5117a8;
}

/* index-537a0bbf.css | https://squabbles.io/vue/assets/index-537a0bbf.css */

[data-bs-theme="dark"] {

  --bs-primary-text-emphasis: #947ee4;
  --bs-primary-bg-subtle: #030027;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #7112fc;
  --bs-dark-border-subtle: #343a40;
}

/* index-537a0bbf.css | https://squabbles.io/vue/assets/index-537a0bbf.css */

html[data-bs-theme="dark"] .border-primary {
  /* border-color: #00c50b80 !important; */

  border-color: #7a0bff !important;
}

/* index-46d5281e.css | https://squabbles.io/vue/assets/index-46d5281e.css */

.list-group {
  /* --bs-list-group-active-bg: #00c50b; */
  /* --bs-list-group-active-border-color: #00c50b; */
  --bs-list-group-active-bg: #5117a8;
  --bs-list-group-active-border-color: #5117a8;
}

/* index-46d5281e.css | https://squabbles.io/vue/assets/index-46d5281e.css */
.btn-outline-primary {
  --bs-btn-color: #874ae1;
  --bs-btn-border-color: #5b33cf;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #561cad;
  --bs-btn-hover-border-color: #5b33cf;
  --bs-btn-active-color: #d9d5e5;
  --bs-btn-active-bg: #291548;
  --bs-btn-active-border-color: #6700ff;
}

}

/* index-bfa32bc8.css | https://squabbles.io/vue/assets/index-bfa32bc8.css */

.form-check-input:checked {
  background-color: #840aff;
  border-color: #840aff;
}

/* index-d88a8131.css | https://squabblr.co/vue/assets/index-d88a8131.css */

.form-check-input:focus {
  border-color: #ad35ff;
  box-shadow: 0 0 0 .25rem #5108f140;
}

/* Inline #4 | https://squabblr.co/u/Lithie */

html[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
  /* color: #f8f9facc; */
  color: #8d40ff;
}

/* Inline #4 | https://squabblr.co/u/Lithie */

html[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
  /* color: #f8f9facc; */
  color: #8d40ff;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #2d046a;
}

.dropdown-item.hover, .dropdown-item:hover {
  background-color: #1d0f31;
}

.dropdown-item.focus, .dropdown-item:focus {
  background-color: #651dca;
    color: white;
}

.list-group-item-action:active, .list-group-item-action:active {
  color: #fff;
  background-color: #2d046a;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #fff;
  background-color: #1d0f31;
}


.navbar-brand > img:nth-child(1) {
  filter: hue-rotate(135deg);
}

.text-danger {
  color: #8d40ff !important;
}


.navbar-brand > img:nth-child(1) {
  filter: sepia(55%) saturate(13300%) brightness(.5) hue-rotate(195deg);
}

nav.offcanvas > div:nth-child(1) > h5:nth-child(1) {
  color: #8d40ff;
}

/* Element | https://squabblr.co/about */

div.mb-3:nth-child(1) > img:nth-child(1) {
  filter: hue-rotate(135deg);
}


/* Inline #3 | https://squabblr.co/ */

.btn:hover {
  background-color: #481c97;
  border-color: #9b84dd;
}

/* index-438deb9c.css | https://squabblr.co/vue/assets/index-438deb9c.css */

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: white;
  background-color: #2a114f;
  border-color: #9a00ff;
}

/* index-438deb9c.css | https://squabblr.co/vue/assets/index-438deb9c.css */

[data-bs-theme="dark"] .btn-outline-light {
  color: #bc8fff;
}

/* Inline #4 | https://squabblr.co/ */

[data-bs-theme="dark"] .btn-outline-light {
  border-color: #9b84dd;
}

/* index-438deb9c.css | https://squabblr.co/vue/assets/index-438deb9c.css */

.text-danger {
  /* color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; */
  color: #8d40ff;
}

Reviews

No reviews yet.