Wolvden purple feather by whitthemes

/* ==UserStyle==
@name         Wolvden purple feather
@version      20230325.02.35
@namespace    userstyles.world/user/whitthemes
@description  wolvden purple feather layout
@author       whitthemes
@license      No Redistribution
==/UserStyle== */

@-moz-document url-prefix("https://www.wolvden.com/") {
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');

body {
    
    background-color: #0f1708;
    background-image: var(--background);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
#header .breadcrumb-nav {
    
    background-color: var(--header-2);
}
#header .navbar-main {
   
    position: relative;
    background-color: var(--header-1);
    min-height: 56px;
}
#header .navbar-status {
   
    background-color: var(--header-3);
    color: var(--light-text);
    height: 37px;
}
.text-light {
    
    color: color: var(--light-text)!important;
}
#header .navbar-status a {
   
    color: var(--light-text);
    font-weight: 700;
}
a {
    color: var(--dark-text);
    text-decoration: none;
    background-color: transparent;
}
.breadcrumb-item.active {
   
    color: var(--light-text);
}
#header .navbar-main .nav-link {
    
    font-size: .75rem;
    color: var(--light-text);
    text-transform: uppercase;
    padding-right: 0.5rem;
}
#header .navbar-main .nav-link .fa {
    
    width: 1.25rem;
    height: 20px;
    position: relative;
    top: -1px;
    font-size: 1rem;
    color: var(--dark-text);
    margin-right: 0.35rem;
    text-align: center;
}
#main {
   
    background: var(--body);
    padding-top: 1rem;
}
.alert-danger {
   
    color: var(--light-text);
    background-color: var(--header-3);
    border-color: var(--border);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--light-text);
    background-color: var(--header-2);
    border-color: var(--border);
}
.nav-tabs {
    border-bottom: var(--border);
}
.table-striped tbody tr:nth-of-type(odd) {
   
    background-color: var(--header-2);
}
.table th {
    
    color: var(--light-text);
    background-color: var(--header-2);
}
.table th a {
    
    color: var(--dark-text);
}
body {
    margin: 0;
    font-family: 'bad script';
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dark-text);
    text-align: left;
    background-color: #fff;
}
#main .card {
    border: 0;
    background: var(--boxes);
    margin-bottom: 1rem;
}
.text-danger {

    color: var(--dark-text)!important;
}
.text-success {
 
    color: var(--light-text)!important;
}
#sidebar {
    position: relative;
    padding-top: 15px;
    background: var(--body);
}
#sidebar .card {
    border: 0;
    border-bottom: 8px solid var(--border);
    background-color: var(--boxes);
    margin-bottom: 15px;
    width: 100%;
}
.bg-warning {
    background-color: var(--scale-1)!important;
}
.bg-danger {
    background-color: var(--scale-2)!important;
}
.bg-info {
    background-color: #d5a7d2c7!important;
}
.bg-success {
    background-color: #ebc1e9bd!important;
}
.progress {
    background: var(--scale-background)!important;
}
.table .subheader {
    background-color: var(--header-3);
}
.bg-primary {
    background-color: var(--scale-1)!important;
}
.border-bottom {
    border-bottom: 1px solid var(--border)!important;
}
.table .bottom, .table tfoot td {
  
    color: var(--dark-text);
    background-color: var(--header-1);
    text-align: center;
}
.btn-success {
    border-bottom-color: var(--button);
}
.btn-primary, .btn-success {
    color: var(--light-text);
}
.btn-success {
  
    color: var(--light-text);
    background-color: var(--button);
    border-color: var(--border);
}
#header .navbar-main .active .nav-link, #header .navbar-main .active .nav-link .fa, #header .navbar-main .nav-link:hover, #header .navbar-main .nav-link:hover .fa {
    color: var(--dark-text);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: var(--border);
}
a:hover {
    color: var(--dark-text);
    text-decoration: underline;
}
#header .navbar-status a:hover {
    color: var(--dark-text);
    text-decoration: none;
}
.alert-success {
    color: var(--light-text);
    background-color: var(--header-2);
    border-color: var(--border);
}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.0625rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--light-text);
    background-color: var(--body);
    background-clip: padding-box;
    border: 1px solid var(--border);
    border-radius: 2px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
    color: var(--light-text);
    background-color: var(--body);
    border-color: var(--border);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(56,95,113,.25);
}
.btn-danger {
    border-bottom-color: var(--button);
}
.btn-danger {
    color: var(--light-text);
    background-color: var(--button);
    border-color: var(--border);
}
.btn-danger:hover {
    border-bottom-color: var(--border);
}
.btn-danger:hover {
    color: var(--light-text);
    background-color: var(--button);
    border-color: var(--border);
}
}

@-moz-document url-prefix("https://www.wolvden.com/") {
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Delius&display=swap');

:root
  {
    --header-1: #321532cf;
    --header-2: #2b192bcf;
      --header-3: #251024ba;
    --light-text: #c87dc9c2;
     --dark-text: #a860a9c2;
      --body: #070308cc;
      --border: #9a5ba2c7;
      --boxes: #6039618c;
      --scale-1: #633a61cf;
      --scale-2: #a377a1d4;
      --scale-3: #d5a7d2c7;
      --scale-4: #ebc1e9bd;
      --scale-background: #0d0b0d69;
      --button: #040406;
 --background: url(https://cdn.pixabay.com/photo/2019/08/26/12/32/feather-4431599_960_720.jpg);
    --title-font: "Bad Script";
    --main-font: "Delius";
  
    
  
  }
}