html {
--white : # ffffff ;
--black : # 080808 ;
--gray : # c8c8c8 ;
--graylight : # bbbbbb ;
--plugback : # ffffff ;
--border : # d0d6de ;
--border2 : # dde2e8 ;
--copybutton : # 707584 ;
--chat-group : # 080808 ;
--chat-bubble : # 9f9f9f0a ;
--chat-bubble-bg : # f3f3f3 ;
--chat-bubble-msg-color : # 080808 ;
--reaction-bubble-outline : # 6b6969 ;
--chat-menu-bg : # ffffff ;
--chat-menu-outline : # dad9d9 ;
--chat-menu-icon : # 3b3b3c ;
--chat-menu-icon-hover : # dad9d9 ;
--block-user-bg-hover : # dad9d9 ;
--paperclip-icon : # 494949 ;
--sectxt : # 576374 ;
--vdicon : # 707b8a ;
--tradehead : # 6a6c75 ;
--tradeborder : # 666666 ;
--tradehave : # 555555 ;
--txtfieldborder : # 666666 ;
--txtfieldhoverborder : # 00000 ;
--relaynodetxt : # 646464 ;
--menuhover : # eeeeee ;
--menuactive : # ebebeb ;
--menuactivergb : 235 , 235 , 235 ;
--mainmenutext : # 080808 ;
--mainmenutexthover : # 080808 ;
--switchbackground : # 666666 ;
--switchborder : # 333333 ;
--sidetopbar : # ffffff ;
--nav-selected-color : # dddddd ;
--nav-selected-color-text : # 333333 ;
--nav-color-active : # d1d1d1 ;
--nav-color-hover : # eeeeee ;
--nav-text-color : # 080808 ;
--nav-icon-color : # 080808 ;
--nav-border-color : # eeeeee ;
--nav-border-selected-color : # 03a9f4 ;
--error : # d50000 ;
--background : url ( "/img/qortal_background_light_.jpg" ) ;
--chatHeadBg : # ebebeb ;
--chatHeadBgActive : # ebebeb ;
--chatHeadText : # 080808 ;
--chatHeadTextActive : # 080808 ;
--lightChatHeadHover : # 1e1f201a ;
--group-header : # 929292 ;
--group-drop-shadow : rgb ( 17 17 26 / 10 % ) 0px 1px 0px ;
}
html [ theme = "dark" ] {
--white : # 0f1a2e ;
--black : # c9d2d9 ;
--gray : # d8d8d8 ;
--graylight : # 0b305e ;
--plugback : # 0f1a2e ;
--border : # 0b305e ;
--border2 : # 0b305e ;
--copybutton : # d0d6de ;
--chat-group : # ffffff ;
--chat-bubble : # 9694941a ;
--chat-bubble-bg : # 2d3749 ;
--chat-bubble-msg-color : # ffffff ;
--reaction-bubble-outline : # ffffff ;
--chat-menu-bg : # 32394c ;
--chat-menu-outline : # 32394c ;
--chat-menu-icon : # ffffff ;
--chat-menu-icon-hover : # a49a9a36 ;
--block-user-bg-hover : # 121a2f ;
--paperclip-icon : # d0c9c9 ;
--sectxt : # bbc3cd ;
--vdicon : # d0d6de ;
--tradehead : # 008fd5 ;
--tradeborder : # 0b305e ;
--tradehave : # dddddd ;
--txtfieldborder : # 0b305e ;
--txtfieldhoverborder : # ffffff ;
--relaynodetxt : # d4d4d4 ;
--menuhover : # 008fd5 ;
--menuactive : # 008fd5 ;
--menuactivergb : 0 , 143 , 213 ;
--mainmenutext : # 008fd5 ;
--mainmenutexthover : # 0f1a2e ;
--switchbackground : # eeeeee ;
--switchborder : # 03a9f4 ;
--sidetopbar : # 070d19 ;
--nav-selected-color : # 0f1a2e ;
--nav-selected-color-text : # 76c8f5 ;
--nav-color-active : # d1d1d1 ;
--nav-color-hover : # 444444 ;
--nav-text-color : # 008fd5 ;
--nav-icon-color : # 008fd5 ;
--nav-border-color : # 0b305e ;
--nav-border-selected-color : # 76c8f5 ;
--error : # d50000 ;
--background : url ( "/img/qortal_background_dark_.jpg" ) ;
--chatHeadBg : # 008fd5 ;
--chatHeadBgActive : # 0f1a2e ;
--chatHeadText : # ffffff ;
--chatHeadTextActive : # ffffff ;
--lightChatHeadHover : # e0e1e31a ;
--group-header : # c8c8c8 ;
--group-drop-shadow : rgb ( 191 191 191 / 32 % ) 0px 1px 0px
}