:root {
--show-canvas: none;
--show-thunder: no 6s infinite;
}

 [data-theme="darker"] {
    --primary-color: #FF9800; /*500 Color*/
    --primary-app-bar-color: rgba(10, 10, 10, 0.12); /*200 Color 9% Alpha*/
    --primary-app-bar-color-solid: #000000;
    --primary-box-bg-color: rgba(40, 40, 40, 0.15); /*200 Color 15% Alpha*/
    --primary-box-bg-replied-color: rgba(255, 152, 0, 0.20); /*200 Color 20% Alpha*/
    --primary-box-txt-button-color: #ffffff;
    --primary-app-bar-brand-color: #ffffff; /*200 Color 9% Alpha*/
    --primary-nav-drawer-bg-color: linear-gradient(0deg, rgba(20, 20, 20, 0.12), rgba(20, 20, 20, 0.12)), #121212; /*200 Color 89% Darkened https://pinetools.com/darken-color */
    --primary-nav-drawer-color: #2BD011; /*600 Color*/
    --primary-nav-drawer-color-hover: #FF9800;
    --primary-nav-drawer-subheader-color: #2BD011; /*600 Color*/
    --primary-nav-drawer-divider-color: #8929BF;
    --primary-nav-drawer-active-bg-color: #8929BF;
    --primary-nav-drawer-active-color: #ffffff;
    --primary-button-text-color: #ffffff;
    --input-border: rgba(255,255,255,.75);
    --secondary-color: #E040FB;
    --secondary-hover-color: #EA80FC;
    --hr-color: rgba(255,255,255,.80);
    --font-color: #e1e1ff;
    --font-muted-color: rgba(255,255,255,.80);
    --bg-color: #121212;
    --heading-color: #818cab;
    --progress-bar-bg: #CE93D8; /*200 Color*/
    --card-bg: rgba(137,41,191, 0.15);
    --complementary-color: #2BD011;
    --complementary-color-rgb: rgba(43, 208, 17, 0.7);
    --complementary-color-rgb-one: rgba(0, 103, 255, 0);
    --messages-bg: #242424;
    --messages-shim: linear-gradient(rgba(0,0,0,0), #242424 80%) top center no-repeat;
    --nav-rail-active: #2BD011;
    --notification-text-color: #ffffff;
    --switch-bar-color: rgba(244, 81, 30, 0.56);
    
    --show-canvas: block;
    --show-thunder: thunder-bg 6s infinite;
  }