BMW E9 Background for Discord by jimiskindasus

/* ==UserStyle==
@name         BMW E9 Background for Discord
@version      20211118.23.30
@namespace    userstyles.world/user/jimiskindasus
@description  BMW E9 background for Discord
@author       jimiskindasus
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://discord.com/") {
@import url('https://rmkx.github.io/Boreal/src/boreal.css'); /*Main CSS sheet*/
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); /*Put your font url here*/

::-webkit-input-placeholder, body, button, input, select, textarea {
    font-family: "Lato"; /*Change the font name you imported here*/
}

:root {
    --server-hiding-width: 2.5%; /*Amount that will be shown when the channels panel hides | Default 50px*/
    --members-hiding-width: 2.9%; /*Amount that will be shown when the server's members panel hides | Default 2.9%*/
    --showing-width: 10%; /*Amount that will be shown when the panels show | Default 13.5%*/
    --transition-speed: 3s; /*Changes the transition speed*/
    --hidden-background: rgba(0, 0, 0, 0); /*Background of the elements when hidden*/
    /*Background of the elements when showing*/
    --showing-background: linear-gradient(195deg, rgba(255, 255, 255, .395) 14%, rgba(4, 0, 255, .379) 35%, rgba(0, 85, 255, .379) 59%, rgba(232, 10, 10, .53) 87%, rgba(0, 0, 0, .63) 96%);
    
    --background-image: url(https://media.discordapp.net/attachments/895068521992683520/899087963470827530/bmw_e9_1971_pictures_4_b.png); /*Changes the background image*/
    --bg-blur: 4px; /*changes the blur of the background image*/
    --main-accent: rgb(13, 0, 255); /*Main accent of the theme for little elements*/
    --main-accent-rgb: 135, 3, 14; /*RGB code of main accent for some elements, change this if you change main accent*/
    --popout-blur: 2px; /*Changes the blur of elements that appear on screen*/
    --bg-opacity: 1; /*Changes the opacity of the background*/
    --links: rgb(89, 0, 255); /*Color for links*/
  
    --panel-boxes: rgba(0, 0, 0, .72); /*Changes the background of the surrounded panels*/
    --second-panel-bg: rgba(0, 9, 153, .51); /*changes the bg of panels that come out, like right clicking on a user*/
    --panel-border: 0px solid rgb(0, 0, 0); /*Changes the borders of the surrounded panels*/
    --panel-border-radius: 12px; /*Changes the radius of the surrounded panels*/
  
    --chat-hover: rgba(0, 98, 255, .26); /*Message background when hovering*/
    --embed-border: 0px; /*Makes it so some embeds in chat have their corresponding border | 0px = no borders*/
  
    --buttons-background: rgb(0, 0, 0); /*Changes the color of the buttons*/
    --buttons-border: 0px solid rgb(0, 0, 0); /*Changes the color of the buttons*/
    --buttons-radius: 10px; /*Changes the radius of the buttons*/
    --buttons-color: rgba(255, 0, 0, .93); /*Changes the color of the button text*/
  
    /*Changes the color of the background when hovering*/
    --element-hovered: linear-gradient(195deg, rgba(166, 166, 166, .395) 14%, rgba(36, 36, 36, .379) 35%, rgba(10, 0, 106, .52) 59%, rgba(164, 0, 0, .53) 87%, rgba(47, 47, 47, .63) 96%); 
    /*Code for the gradient*/
    --underline-gradient: linear-gradient(195deg, rgba(0, 0, 0, .395) 14%, rgba(0, 18, 111, .379) 35%, rgba(255, 0, 0, .34) 59%, rgba(134, 0, 0, .34) 87%, rgba(138, 138, 138, .53) 96%);
  
    --settings-width: 70%; /*Width for the settings window*/
    --settings-heigth: 85%; /*Width for the settings window*/
    --icon-padding: 10px; /*Changes the padding between the icon and the text | Default 35px*/
}
}