zodiacs garbage style by zodiacbadcoderacc2415346346

/* ==UserStyle==
@name       zodiacs cobalt style
@version    20240821.01.50
@namespace  ?
==/UserStyle== */

@-moz-document domain("cobalt.tools") {
/*this is my first time doing anything with css so this probably sucks*/ 
/* this was very much helped by chatgpt i am not a good coder */
/* if theres a huge update that causes this to go to crap feel free to update it yourself since im probably not going to be doing anything after this */


/*changelog:
v1.2.6
just changed the header color of the status page*/


/* this is the main background */ 
body {
  background: #01012b;

/* this is for the "cobalt" at the front page */ 
}
body {
  color: #00efff;
}
/* this colors all of the buttons*/ 
body {
  --accent-button: #010b3d;
}
/*this effects text i think*/ 
body {
    --accent: #00fffc;
}
/* hover color */
body {
--accent-hover: #2a00ff
}


/*hey if you want a gif or image file as the background you can go on google or whatever, right click any image and click copy image address and then paste it into url, then delete the note thingies above body and below the } */

body {
    background: url(https://64.media.tumblr.com/f59867ea0781a951f5b51712e91ba01a/f145147b69889cf3-5e/s500x750/d81fece4217984a702c451882373615295421ba7.gifv) no-repeat;
    background-size: cover;
}


.urgent-text {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #2000ff /*this colors the top text that shows updates or news*/
}

.switch[data-enabled=true], .popup-tabs .switch[data-enabled=true] {
    color: #0d00ff; /*this colors selected button text*/
    background: #010268!important;  /*this colors the background of the text*/
    cursor: default;
}

body {
--accent-subtext: #0062ff
}

.box {
    background: #030243; /*effects the background of the window*/
    color: #0062ff; /*effects the color of selected text in the window*/
    --accent: #0062ff; /*effects the color of unselected text in the window*/
    --accent-highlight: rgb(225, 225, 225, 4%);
    --accent-subtext: rgb(110, 110, 110); /*effects the subtext that explains stuff*/
    --accent-hover: rgb(30, 30, 30);
    --accent-hover-elevated: rgb(48, 48, 48);
    --accent-hover-transparent: rgba(48, 48, 48, .5);
    --accent-button: #000139; /*effects unselected setting buttons*/
    --accent-button-elevated: rgb(42, 42, 42);
    --glass: rgba(13, 6, 134, .85); /*effects the side borders*/
    --glass-lite: rgba(13, 6, 134, .85); /*effects the main borders*/
    --subbackground: rgb(10, 10, 10);
    --background: rgb(0, 0, 0);
    --background-backdrop: rgba(0, 0, 0, .5);
}

.collapse-list {
    background: #000139; /*this is the background in the list that collapses open in the about section, like supported services*/
}

.header {
    padding: 8px 0;
    background: #0a0056;
}
}