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: #e6e6e6;
  --chat-bubble-myBg: #d1ddf2;
  --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;
  --reactions-tooltip-bg: #ffffff;
}

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-myBg: #40444d;
  --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;
  --reactions-tooltip-bg: #161515;
}