sakura_theme.css

/* Custom CSS Colors for Discord /*
/* Made for Lode by Leeprky, but should work without the theme too /*
:root {

    /* Gradients */
    --default-gradient: 315deg, #fc8c8c7c 0%, #c07070 74% !important;
    --special-gradient: 315deg, #8980F0 0%, #D577F0 74% !important;
    --red-gradient: 315deg, #AA3738 0%, #F04747 74% !important;
    --yellow-gradient: 315deg, #C2831B 0%, #FFB740 74% !important;
    --green-gradient: 315deg, #4db478 0%, #6ecf97 74% !important;
    --grey-gradient: 315deg, #203A43 0%, #28434d 74% !important;
    --white-gradient: 315deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 74% !important;
    /* Transitions */
    --font-normal: 500;
    --font-hover: bold;
    --font-size-hover: 15px;
    --hover-transition: 0.1s linear;
    --transform-normal: scale(1);
    --hover-transform: scale(1.15);
    --setting-hover-transform: scale(1.025);
    --button-hover-transform: scale(1.03);
  }

  /* Lode SLOOK */
.theme-dark {
  
  /* Lode Specific */
--bd-color: #bb8888;
--bd-color-hover: #b96e6e;
--alt-color: 184, 103, 103 !important; /* RGB */
--alt-color2: rgb(63, 102, 89) !important; /* HEX */

--icons-color: #eef3f2;
--icons-color-hover: #1bb69f;

--green-color: #4aac8f;

/* Watermark */
--watermark-text: "LODE";
--watermark-version: "SAKURA +";
--watermark-text-top: 14px;
--watermark-text-left: 3.4rem;
--watermark-gradient: 270deg, rgb(175, 120, 120), rgb(255, 198, 198)!important;

 /* Text Colours */
 --text-normal: #ffffff !important;
 --text-muted: #d8d8d8 !important;
 --text-link: rgb(255, 146, 146) !important;
 --channels-default: #8e9297 !important;
 --interactive-normal: #ffffff !important;
 --interactive-hover: #dcddde !important;
 --interactive-active: rgb(255, 255, 255) !important;
 --interactive-muted: #333131 !important;


 /* Background Colours */
 --background-primary: #242b27 !important;
 --background-primary-alt: #242b27 !important;
 --background-secondary: #1d2220 !important;
 --background-secondary-alt: #1d2220 !important;
 --background-tertiary: #2f3633 !important;
 --background-accent: #cf8585 !important;
 --background-floating: #181c1a !important;
 --background-accent-gradient: var(--alt-color2) !important;
--background-floating: #2b413a !important;

 /* Hovering Colours */
--background-modifier-hover: rgba(109, 68, 68, 0.494)!important;
--background-modifier-active: rgba(146, 95, 95, 0.678)!important;
--background-modifier-selected: rgb(129, 85, 85)!important;
--background-modifier-accent: rgb(151, 94, 94)!important;

 /* Mentioned  Colours */
--background-mentioned: rgba(255, 144, 144, 0.075) !important;
--background-mentioned-hover: rgba(119, 55, 55, 0.616) !important;
--background-mentioned-bar: var(--background-accent) !important;

 /* Scrollbar Colours */
--scrollbar-thin-thumb: rgba(168, 56, 56, 0.397) !important;
--scrollbar-thin-track: transparent !important;
--scrollbar-auto-thumb: rgba(168, 56, 56, 0.363) !important;
--scrollbar-auto-track: rgba(168, 56, 56, 0.363) !important;
--scrollbar-auto-scrollbar-color-thumb: rgba(168, 56, 56, 0.384) !important;
}