/* Yaak */
[data-theme="yaak-dark"] {
  --surface: #1D1B2CFF;
  --surfaceHighlight: #29273FFF;
  --surfaceActive: #9442FF33;
  --backdrop: #171623CC;
  --selection: #AB6BFF4D;
  --border: #33314EFF;
  --borderSubtle: #302E4AFF;
  --borderFocus: #42ADFF80;
  --text: #CECDE0FF;
  --textSubtle: #8481A7FF;
  --textSubtlest: #625E87FF;
  --shadow: #0000004D;
  --primary: #C294FFFF;
  --secondary: #8582B0FF;
  --info: #42ADFFFF;
  --success: #01DF70FF;
  --notice: #ECCE55FF;
  --warning: #FF9538FF;
  --danger: #F76490FF;

  .x-theme-button {
    --surfaceActive: #8324FF33;
    --selection: #9747FF4D;
    --borderFocus: #24A0FF80;
    --shadow: #00000012;
    --primary: #AB6CFFFF;
    --secondary: #726FA5FF;
    --info: #229FFFFF;
    --success: #01BE5FFF;
    --notice: #E6BD1BFF;
    --warning: #FF8419FF;
    --danger: #F54378FF;
  }

  .x-theme-dialog {
    --border: #312F4BFF;
    --borderSubtle: #2E2C47FF;
    --shadow: #00000012;
  }

  .x-theme-sidebar {
    --surface: #201F32FF;
    --surfaceHighlight: #2B2942FF;
    --backdrop: #1B1A29CC;
    --border: #2D2B45FF;
    --borderSubtle: #2B2941FF;
    --shadow: #00000012;
  }

  .x-theme-responsePane {
    --surface: #201F32FF;
    --surfaceHighlight: #2B2942FF;
    --backdrop: #1B1A29CC;
    --border: #2F2D47FF;
    --borderSubtle: #2C2A42FF;
    --shadow: #00000012;
  }

  .x-theme-appHeader {
    --surface: #191826FF;
    --surfaceHighlight: #232236FF;
    --backdrop: #15141FCC;
    --border: #2A2941FF;
    --borderSubtle: #28263DFF;
    --shadow: #00000012;
  }

  .x-theme-toast {
    --shadow: #00000012;
  }

  .x-theme-button--solid--default {
    --text: #CBC9DEFF;
    --surfaceHighlight: #2B2842FF;
    --border: #1D1B2CFF;
  }

  .x-theme-button--border--default {
    --text: #CBC9DEFF;
    --textSubtle: #8A85B4FF;
    --textSubtlest: #645D9866;
    --surfaceHighlight: #1D1B2C33;
    --borderSubtle: #4F4A78FF;
    --border: #7D77ACFF;
  }













  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #6E00FEFF;
    --surfaceHighlight: #9747FFFF;
    --border: #AB6CFFFF;
  }

  .x-theme-button--border--primary {
    --text: #EEE2FFFF;
    --textSubtle: #D9BDFFFF;
    --textSubtlest: #CEA8FF66;
    --surfaceHighlight: #AB6BFF33;
    --borderSubtle: #AB6BFF80;
    --border: #AB6BFFB3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #4C4A77FF;
    --surfaceHighlight: #625F98FF;
    --border: #726FA5FF;
  }

  .x-theme-button--border--secondary {
    --text: #E3E2EDFF;
    --textSubtle: #BFBED6FF;
    --textSubtlest: #A9A7C866;
    --surfaceHighlight: #716FA533;
    --borderSubtle: #716FA580;
    --border: #716FA5B3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #0073CAFF;
    --surfaceHighlight: #0593FFFF;
    --border: #229FFFFF;
  }

  .x-theme-button--border--info {
    --text: #D3ECFFFF;
    --textSubtle: #9CD4FFFF;
    --textSubtlest: #7AC6FF66;
    --surfaceHighlight: #24A0FF33;
    --borderSubtle: #24A0FF80;
    --border: #24A0FFB3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #018543FF;
    --surfaceHighlight: #01AB56FF;
    --border: #01BE5FFF;
  }

  .x-theme-button--border--success {
    --text: #BFFFDFFF;
    --textSubtle: #70FEB7FF;
    --textSubtlest: #3EFE9E66;
    --surfaceHighlight: #01BC5E33;
    --borderSubtle: #01BC5E80;
    --border: #01BC5EB3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #A28512FF;
    --surfaceHighlight: #D0AB17FF;
    --border: #E6BD1BFF;
  }

  .x-theme-button--border--notice {
    --text: #FAF2D1FF;
    --textSubtle: #F4E199FF;
    --textSubtlest: #F0D77566;
    --surfaceHighlight: #E6BD1933;
    --borderSubtle: #E6BD1980;
    --border: #E6BD19B3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #C45B00FF;
    --surfaceHighlight: #FC7600FF;
    --border: #FF8419FF;
  }

  .x-theme-button--border--warning {
    --text: #FFE6D1FF;
    --textSubtle: #FFC897FF;
    --textSubtlest: #FFB67566;
    --surfaceHighlight: #FF851A33;
    --borderSubtle: #FF851A80;
    --border: #FF851AB3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #D00B46FF;
    --surfaceHighlight: #F42563FF;
    --border: #F54378FF;
  }

  .x-theme-button--border--danger {
    --text: #FDD9E4FF;
    --textSubtle: #FBAAC2FF;
    --textSubtlest: #F990AF66;
    --surfaceHighlight: #F5427833;
    --borderSubtle: #F5427880;
    --border: #F54278B3;
  }

  .x-theme-banner--surface {
    --text: #CBC9DEFF;
    --textSubtle: #1D1B2CB3;
    --textSubtlest: #1D1B2CFF;
    --surface: #1D1B2C0D;
    --border: #534E7E33;
  }

  .x-theme-banner--border {
    --text: #D1D0E2FF;
    --textSubtle: #33314EB3;
    --textSubtlest: #33314EFF;
    --surface: #33314E0D;
    --border: #605C9333;
  }

  .x-theme-banner--surfaceHighlight {
    --text: #CECCE0FF;
    --textSubtle: #29273FB3;
    --textSubtlest: #29273FFF;
    --surface: #29273F0D;
    --border: #5B558B33;
  }

  .x-theme-banner--text {
    --text: #F5F5F9FF;
    --textSubtle: #CECDE0B3;
    --textSubtlest: #CECDE0FF;
    --surface: #CECDE00D;
    --border: #DEDCE933;
  }

  .x-theme-banner--textSubtle {
    --text: #E6E6EDFF;
    --textSubtle: #8481A7B3;
    --textSubtlest: #8481A7FF;
    --surface: #8481A70D;
    --border: #AAA8C233;
  }

  .x-theme-banner--textSubtlest {
    --text: #DFDEE8FF;
    --textSubtle: #625E87B3;
    --textSubtlest: #625E87FF;
    --surface: #625E870D;
    --border: #8E8AAD33;
  }

  .x-theme-banner--primary {
    --text: #F3EAFFFF;
    --textSubtle: #C294FFB3;
    --textSubtlest: #C294FFFF;
    --surface: #C294FF0D;
    --border: #D4B3FF33;
  }

  .x-theme-banner--secondary {
    --text: #E7E6EFFF;
    --textSubtle: #8582B0B3;
    --textSubtlest: #8582B0FF;
    --surface: #8582B00D;
    --border: #A9A7C833;
  }

  .x-theme-banner--info {
    --text: #D9EFFFFF;
    --textSubtle: #42ADFFB3;
    --textSubtlest: #42ADFFFF;
    --surface: #42ADFF0D;
    --border: #7AC6FF33;
  }

  .x-theme-banner--success {
    --text: #C6FFE2FF;
    --textSubtle: #01DF70B3;
    --textSubtlest: #01DF70FF;
    --surface: #01DF700D;
    --border: #39FE9C33;
  }

  .x-theme-banner--notice {
    --text: #FBF5DDFF;
    --textSubtle: #ECCE55B3;
    --textSubtlest: #ECCE55FF;
    --surface: #ECCE550D;
    --border: #F2DD8833;
  }

  .x-theme-banner--warning {
    --text: #FFEAD7FF;
    --textSubtle: #FF9538B3;
    --textSubtlest: #FF9538FF;
    --surface: #FF95380D;
    --border: #FFB67533;
  }

  .x-theme-banner--danger {
    --text: #FDE0E9FF;
    --textSubtle: #F76490B3;
    --textSubtlest: #F76490FF;
    --surface: #F764900D;
    --border: #F990AF33;
  }

  .x-theme-toast--surface {
    --text: #CBC9DEFF;
    --textSubtle: #1D1B2CFF;
    --surface: #1D1B2C19;
    --surfaceHighlight: #1D1B2C33;
    --border: #534E7E66;
  }

  .x-theme-toast--border {
    --text: #D1D0E2FF;
    --textSubtle: #33314EFF;
    --surface: #33314E19;
    --surfaceHighlight: #33314E33;
    --border: #605C9366;
  }

  .x-theme-toast--surfaceHighlight {
    --text: #CECCE0FF;
    --textSubtle: #29273FFF;
    --surface: #29273F19;
    --surfaceHighlight: #29273F33;
    --border: #5B558B66;
  }

  .x-theme-toast--text {
    --text: #F5F5F9FF;
    --textSubtle: #CECDE0FF;
    --surface: #CECDE019;
    --surfaceHighlight: #CECDE033;
    --border: #DEDCE966;
  }

  .x-theme-toast--textSubtle {
    --text: #E6E6EDFF;
    --textSubtle: #8481A7FF;
    --surface: #8481A719;
    --surfaceHighlight: #8481A733;
    --border: #AAA8C266;
  }

  .x-theme-toast--textSubtlest {
    --text: #DFDEE8FF;
    --textSubtle: #625E87FF;
    --surface: #625E8719;
    --surfaceHighlight: #625E8733;
    --border: #8E8AAD66;
  }

  .x-theme-toast--primary {
    --text: #F3EAFFFF;
    --textSubtle: #C294FFFF;
    --surface: #C294FF19;
    --surfaceHighlight: #C294FF33;
    --border: #D4B3FF66;
  }

  .x-theme-toast--secondary {
    --text: #E7E6EFFF;
    --textSubtle: #8582B0FF;
    --surface: #8582B019;
    --surfaceHighlight: #8582B033;
    --border: #A9A7C866;
  }

  .x-theme-toast--info {
    --text: #D9EFFFFF;
    --textSubtle: #42ADFFFF;
    --surface: #42ADFF19;
    --surfaceHighlight: #42ADFF33;
    --border: #7AC6FF66;
  }

  .x-theme-toast--success {
    --text: #C6FFE2FF;
    --textSubtle: #01DF70FF;
    --surface: #01DF7019;
    --surfaceHighlight: #01DF7033;
    --border: #39FE9C66;
  }

  .x-theme-toast--notice {
    --text: #FBF5DDFF;
    --textSubtle: #ECCE55FF;
    --surface: #ECCE5519;
    --surfaceHighlight: #ECCE5533;
    --border: #F2DD8866;
  }

  .x-theme-toast--warning {
    --text: #FFEAD7FF;
    --textSubtle: #FF9538FF;
    --surface: #FF953819;
    --surfaceHighlight: #FF953833;
    --border: #FFB67566;
  }

  .x-theme-toast--danger {
    --text: #FDE0E9FF;
    --textSubtle: #F76490FF;
    --surface: #F7649019;
    --surfaceHighlight: #F7649033;
    --border: #F990AF66;
  }

  .x-theme-templateTag--surface {
    --text: #9792BCFF;
    --textSubtle: #655E99FF;
    --textSubtlest: #1D1B2CFF;
    --surface: #17162333;
    --border: #171623CC;
    --surfaceHighlight: #1B19294D;
  }

  .x-theme-templateTag--border {
    --text: #A3A1C4FF;
    --textSubtle: #7572A7FF;
    --textSubtlest: #33314EFF;
    --surface: #29273F33;
    --border: #29273FCC;
    --surfaceHighlight: #2F2D484D;
  }

  .x-theme-templateTag--surfaceHighlight {
    --text: #9D9AC1FF;
    --textSubtle: #6C67A2FF;
    --textSubtlest: #29273FFF;
    --surface: #211F3333;
    --border: #211F33CC;
    --surfaceHighlight: #2523394D;
  }

  .x-theme-templateTag--text {
    --text: #EBEBF2FF;
    --textSubtle: #E1E1ECFF;
    --textSubtlest: #CECDE0FF;
    --surface: #9997BE33;
    --border: #9997BECC;
    --surfaceHighlight: #B3B1CE4D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #CECCDCFF;
    --textSubtle: #B5B3CAFF;
    --textSubtlest: #8481A7FF;
    --surface: #64608A33;
    --border: #64608ACC;
    --surfaceHighlight: #726F9B4D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #BFBDD1FF;
    --textSubtle: #9F9CBAFF;
    --textSubtlest: #625E87FF;
    --surface: #4F4B6C33;
    --border: #4F4B6CCC;
    --surfaceHighlight: #59567B4D;
  }

  .x-theme-templateTag--primary {
    --text: #E7D4FFFF;
    --textSubtle: #DBBFFFFF;
    --textSubtlest: #C294FFFF;
    --surface: #9442FF33;
    --border: #9442FFCC;
    --surfaceHighlight: #AB6BFF4D;
  }

  .x-theme-templateTag--secondary {
    --text: #CECDE0FF;
    --textSubtle: #B6B4D0FF;
    --textSubtlest: #8582B0FF;
    --surface: #625E9733;
    --border: #625E97CC;
    --surfaceHighlight: #716FA54D;
  }

  .x-theme-templateTag--info {
    --text: #B4DEFFFF;
    --textSubtle: #8ECEFFFF;
    --textSubtlest: #42ADFFFF;
    --surface: #0091FF33;
    --border: #0091FFCC;
    --surfaceHighlight: #24A0FF4D;
  }

  .x-theme-templateTag--success {
    --text: #8DFEC6FF;
    --textSubtle: #54FEA9FF;
    --textSubtlest: #01DF70FF;
    --surface: #01B25933;
    --border: #01B259CC;
    --surfaceHighlight: #01CB664D;
  }

  .x-theme-templateTag--notice {
    --text: #F7EBBBFF;
    --textSubtle: #F4E299FF;
    --textSubtlest: #ECCE55FF;
    --surface: #E6BD1933;
    --border: #E6BD19CC;
    --surfaceHighlight: #E9C63A4D;
  }

  .x-theme-templateTag--warning {
    --text: #FFD5AFFF;
    --textSubtle: #FFBF88FF;
    --textSubtlest: #FF9538FF;
    --surface: #FA750033;
    --border: #FA7500CC;
    --surfaceHighlight: #FF851A4D;
  }

  .x-theme-templateTag--danger {
    --text: #FCC1D3FF;
    --textSubtle: #FAA2BCFF;
    --textSubtlest: #F76490FF;
    --surface: #F3205F33;
    --border: #F3205FCC;
    --surfaceHighlight: #F542784D;
  }
}

/* Monokai Pro */
[data-theme="monokai-pro"] {
  --surface: #2C292EFF;
  --surfaceHighlight: #39353BFF;
  --surfaceActive: #6C53E933;
  --backdrop: #242226CC;
  --selection: #8B77EE4D;
  --border: #433F47FF;
  --borderFocus: #78DDE880;
  --text: #FBFBF9FF;
  --textSubtle: #C0BFBFFF;
  --textSubtlest: #919191FF;
  --shadow: #0000004D;
  --primary: #AA9CF2FF;
  --secondary: #C0BFBFFF;
  --info: #78DDE8FF;
  --success: #A8DB75FF;
  --notice: #FFD966FF;
  --warning: #FC9A69FF;
  --danger: #FF6188FF;

  .x-theme-appHeader {
    --surface: #231F23FF;
    --surfaceHighlight: #312C31FF;
    --backdrop: #1B181BCC;
    --border: #3D363DFF;
    --text: #C0BFBFFF;
    --textSubtle: #919191FF;
    --textSubtlest: #716F71FF;
    --shadow: #0000004D;
  }

  .x-theme-button {
    --surfaceActive: #5437E633;
    --selection: #7057EA4D;
    --borderFocus: #59D5E380;
    --shadow: #00000012;
    --primary: #8C78EEFF;
    --secondary: #ADABABFF;
    --info: #5AD5E3FF;
    --success: #97D55AFF;
    --notice: #FFD042FF;
    --warning: #FB8246FF;
    --danger: #FF3E6EFF;
  }

  .x-theme-toast {
    --shadow: #00000012;
  }

  .x-theme-button--solid--default {
    --text: #D5D2D7FF;
    --surfaceHighlight: #3D3940FF;
    --border: #2C292EFF;
  }

  .x-theme-button--border--default {
    --text: #D5D2D7FF;
    --textSubtle: #A19AA5FF;
    --textSubtlest: #82788766;
    --surfaceHighlight: #2C292E33;
    --borderSubtle: #68606DFF;
    --border: #968F9CFF;
  }









  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #3C1CDFFF;
    --surfaceHighlight: #7058EAFF;
    --border: #8C78EEFF;
  }

  .x-theme-button--border--primary {
    --text: #E8E4FCFF;
    --textSubtle: #CBC2F7FF;
    --textSubtlest: #B9ADF566;
    --surfaceHighlight: #8B77EE33;
    --borderSubtle: #8B77EE80;
    --border: #8B77EEB3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #7A7777FF;
    --surfaceHighlight: #9C9A9AFF;
    --border: #ADABABFF;
  }

  .x-theme-button--border--secondary {
    --text: #EFEEEEFF;
    --textSubtle: #DAD9D9FF;
    --textSubtlest: #CFCECE66;
    --surfaceHighlight: #ACAAAA33;
    --borderSubtle: #ACAAAA80;
    --border: #ACAAAAB3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #20AEBEFF;
    --surfaceHighlight: #3FCEDEFF;
    --border: #5AD5E3FF;
  }

  .x-theme-button--border--info {
    --text: #DEF7F9FF;
    --textSubtle: #B5ECF2FF;
    --textSubtlest: #9BE6EE66;
    --surfaceHighlight: #59D5E333;
    --borderSubtle: #59D5E380;
    --border: #59D5E3B3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #6AA92BFF;
    --surfaceHighlight: #88CE42FF;
    --border: #97D55AFF;
  }

  .x-theme-button--border--success {
    --text: #EAF7DEFF;
    --textSubtle: #D0ECB5FF;
    --textSubtlest: #C2E79D66;
    --surfaceHighlight: #96D45933;
    --borderSubtle: #96D45980;
    --border: #96D459B3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #E1A900FF;
    --surfaceHighlight: #FFC822FF;
    --border: #FFD042FF;
  }

  .x-theme-button--border--notice {
    --text: #FFF6D9FF;
    --textSubtle: #FFEAAAFF;
    --textSubtlest: #FFE38F66;
    --surfaceHighlight: #FFD04233;
    --borderSubtle: #FFD04280;
    --border: #FFD042B3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #DC4C04FF;
    --surfaceHighlight: #FB6D27FF;
    --border: #FB8246FF;
  }

  .x-theme-button--border--warning {
    --text: #FEE6DAFF;
    --textSubtle: #FDC7ACFF;
    --textSubtlest: #FDB59166;
    --surfaceHighlight: #FB824633;
    --borderSubtle: #FB824680;
    --border: #FB8246B3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #DE0037FF;
    --surfaceHighlight: #FF1E56FF;
    --border: #FF3E6EFF;
  }

  .x-theme-button--border--danger {
    --text: #FFD8E2FF;
    --textSubtle: #FFA8BEFF;
    --textSubtlest: #FF8AA766;
    --surfaceHighlight: #FF3D6E33;
    --borderSubtle: #FF3D6E80;
    --border: #FF3D6EB3;
  }

  .x-theme-banner--surface {
    --text: #D5D2D7FF;
    --textSubtle: #2C292EB3;
    --textSubtlest: #2C292EFF;
    --surface: #2C292E0D;
    --border: #6D657233;
  }

  .x-theme-banner--text {
    --text: #FEFEFEFF;
    --textSubtle: #FBFBF9B3;
    --textSubtlest: #FBFBF9FF;
    --surface: #FBFBF90D;
    --border: #FDFDFC33;
  }

  .x-theme-banner--textSubtle {
    --text: #F2F2F2FF;
    --textSubtle: #C0BFBFB3;
    --textSubtlest: #C0BFBFFF;
    --surface: #C0BFBF0D;
    --border: #D4D3D333;
  }

  .x-theme-banner--textSubtlest {
    --text: #E9E9E9FF;
    --textSubtle: #919191B3;
    --textSubtlest: #919191FF;
    --surface: #9191910D;
    --border: #B3B3B333;
  }

  .x-theme-banner--primary {
    --text: #EEEBFCFF;
    --textSubtle: #AA9CF2B3;
    --textSubtlest: #AA9CF2FF;
    --surface: #AA9CF20D;
    --border: #C6BBF633;
  }

  .x-theme-banner--secondary {
    --text: #F2F2F2FF;
    --textSubtle: #C0BFBFB3;
    --textSubtlest: #C0BFBFFF;
    --surface: #C0BFBF0D;
    --border: #D4D3D333;
  }

  .x-theme-banner--info {
    --text: #E4F8FAFF;
    --textSubtle: #78DDE8B3;
    --textSubtlest: #78DDE8FF;
    --surface: #78DDE80D;
    --border: #9FE7EF33;
  }

  .x-theme-banner--success {
    --text: #EEF8E3FF;
    --textSubtle: #A8DB75B3;
    --textSubtlest: #A8DB75FF;
    --surface: #A8DB750D;
    --border: #C2E69E33;
  }

  .x-theme-banner--notice {
    --text: #FFF7E0FF;
    --textSubtle: #FFD966B3;
    --textSubtlest: #FFD966FF;
    --surface: #FFD9660D;
    --border: #FFE49433;
  }

  .x-theme-banner--warning {
    --text: #FEEBE1FF;
    --textSubtle: #FC9A69B3;
    --textSubtlest: #FC9A69FF;
    --surface: #FC9A690D;
    --border: #FDB89633;
  }

  .x-theme-banner--danger {
    --text: #FFDFE7FF;
    --textSubtle: #FF6188B3;
    --textSubtlest: #FF6188FF;
    --surface: #FF61880D;
    --border: #FF8FAB33;
  }

  .x-theme-toast--surface {
    --text: #D5D2D7FF;
    --textSubtle: #2C292EFF;
    --surface: #2C292E19;
    --surfaceHighlight: #2C292E33;
    --border: #6D657266;
  }

  .x-theme-toast--text {
    --text: #FEFEFEFF;
    --textSubtle: #FBFBF9FF;
    --surface: #FBFBF919;
    --surfaceHighlight: #FBFBF933;
    --border: #FDFDFC66;
  }

  .x-theme-toast--textSubtle {
    --text: #F2F2F2FF;
    --textSubtle: #C0BFBFFF;
    --surface: #C0BFBF19;
    --surfaceHighlight: #C0BFBF33;
    --border: #D4D3D366;
  }

  .x-theme-toast--textSubtlest {
    --text: #E9E9E9FF;
    --textSubtle: #919191FF;
    --surface: #91919119;
    --surfaceHighlight: #91919133;
    --border: #B3B3B366;
  }

  .x-theme-toast--primary {
    --text: #EEEBFCFF;
    --textSubtle: #AA9CF2FF;
    --surface: #AA9CF219;
    --surfaceHighlight: #AA9CF233;
    --border: #C6BBF666;
  }

  .x-theme-toast--secondary {
    --text: #F2F2F2FF;
    --textSubtle: #C0BFBFFF;
    --surface: #C0BFBF19;
    --surfaceHighlight: #C0BFBF33;
    --border: #D4D3D366;
  }

  .x-theme-toast--info {
    --text: #E4F8FAFF;
    --textSubtle: #78DDE8FF;
    --surface: #78DDE819;
    --surfaceHighlight: #78DDE833;
    --border: #9FE7EF66;
  }

  .x-theme-toast--success {
    --text: #EEF8E3FF;
    --textSubtle: #A8DB75FF;
    --surface: #A8DB7519;
    --surfaceHighlight: #A8DB7533;
    --border: #C2E69E66;
  }

  .x-theme-toast--notice {
    --text: #FFF7E0FF;
    --textSubtle: #FFD966FF;
    --surface: #FFD96619;
    --surfaceHighlight: #FFD96633;
    --border: #FFE49466;
  }

  .x-theme-toast--warning {
    --text: #FEEBE1FF;
    --textSubtle: #FC9A69FF;
    --surface: #FC9A6919;
    --surfaceHighlight: #FC9A6933;
    --border: #FDB89666;
  }

  .x-theme-toast--danger {
    --text: #FFDFE7FF;
    --textSubtle: #FF6188FF;
    --surface: #FF618819;
    --surfaceHighlight: #FF618833;
    --border: #FF8FAB66;
  }

  .x-theme-templateTag--surface {
    --text: #ABA5AFFF;
    --textSubtle: #827888FF;
    --textSubtlest: #2C292EFF;
    --surface: #24222633;
    --border: #242226CC;
    --surfaceHighlight: #2624284D;
  }

  .x-theme-templateTag--text {
    --text: #FDFDFDFF;
    --textSubtle: #FDFDFBFF;
    --textSubtlest: #FBFBF9FF;
    --surface: #D2D2BC33;
    --border: #D2D2BCCC;
    --surfaceHighlight: #E7E7DA4D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #E6E5E5FF;
    --textSubtle: #D9D8D8FF;
    --textSubtlest: #C0BFBFFF;
    --surface: #9A989833;
    --border: #9A9898CC;
    --surfaceHighlight: #ACAAAA4D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #D3D3D3FF;
    --textSubtle: #BDBDBDFF;
    --textSubtlest: #919191FF;
    --surface: #73737333;
    --border: #737373CC;
    --surfaceHighlight: #8282824D;
  }

  .x-theme-templateTag--primary {
    --text: #DDD7FAFF;
    --textSubtle: #CCC3F7FF;
    --textSubtlest: #AA9CF2FF;
    --surface: #6C53E933;
    --border: #6C53E9CC;
    --surfaceHighlight: #8B77EE4D;
  }

  .x-theme-templateTag--secondary {
    --text: #E6E5E5FF;
    --textSubtle: #D9D8D8FF;
    --textSubtlest: #C0BFBFFF;
    --surface: #9A989833;
    --border: #9A9898CC;
    --surfaceHighlight: #ACAAAA4D;
  }

  .x-theme-templateTag--info {
    --text: #C9F1F6FF;
    --textSubtle: #AEEBF1FF;
    --textSubtlest: #78DDE8FF;
    --surface: #3BCDDE33;
    --border: #3BCDDECC;
    --surfaceHighlight: #59D5E34D;
  }

  .x-theme-templateTag--success {
    --text: #DCF1C8FF;
    --textSubtle: #CBEAACFF;
    --textSubtlest: #A8DB75FF;
    --surface: #87CE4033;
    --border: #87CE40CC;
    --surfaceHighlight: #96D4594D;
  }

  .x-theme-templateTag--notice {
    --text: #FFF0C2FF;
    --textSubtle: #FFE8A3FF;
    --textSubtlest: #FFD966FF;
    --surface: #FFC71F33;
    --border: #FFC71FCC;
    --surfaceHighlight: #FFD0424D;
  }

  .x-theme-templateTag--warning {
    --text: #FED7C3FF;
    --textSubtle: #FDC2A5FF;
    --textSubtlest: #FC9A69FF;
    --surface: #FB6B2333;
    --border: #FB6B23CC;
    --surfaceHighlight: #FB82464D;
  }

  .x-theme-templateTag--danger {
    --text: #FFC0D0FF;
    --textSubtle: #FFA0B8FF;
    --textSubtlest: #FF6188FF;
    --surface: #FF1A5333;
    --border: #FF1A53CC;
    --surfaceHighlight: #FF3D6E4D;
  }
}

/* Rosé Pine */
[data-theme="rose-pine"] {
  --surface: #1A1825FF;
  --surfaceHighlight: #262335FF;
  --surfaceActive: #9967D533;
  --backdrop: #16141FCC;
  --selection: #AE87DE4D;
  --border: #2F2C43FF;
  --borderFocus: #67ABCB80;
  --text: #DEDDF4FF;
  --textSubtle: #918DAAFF;
  --textSubtlest: #6E6986FF;
  --shadow: #0000004D;
  --primary: #C4A7E7FF;
  --secondary: #6E6986FF;
  --info: #67ABCBFF;
  --success: #9DD8D8FF;
  --notice: #F6C279FF;
  --warning: #F1A3A2FF;
  --danger: #EB6F93FF;

  .x-theme-responsePane {
    --surface: #201D2FFF;
    --surfaceHighlight: #2B2740FF;
    --backdrop: #1A1726CC;
    --border: #342F4DFF;
    --shadow: #00000012;
  }

  .x-theme-sidebar {
    --surface: #201D2FFF;
    --surfaceHighlight: #2B2740FF;
    --backdrop: #1A1726CC;
    --border: #342F4DFF;
    --shadow: #00000012;
  }

  .x-theme-menu {
    --surface: #383450FF;
    --surfaceHighlight: #423D5EFF;
    --backdrop: #2D2A41CC;
    --border: #59527EFF;
    --borderSubtle: #4C466CFF;
    --textSubtle: #A19EB7FF;
    --textSubtlest: #837E9AFF;
    --shadow: #00000012;
  }

  .x-theme-toast {
    --surface: #383450FF;
    --surfaceHighlight: #423D5EFF;
    --backdrop: #2D2A41CC;
    --border: #59527EFF;
    --borderSubtle: #4C466CFF;
    --textSubtle: #A19EB7FF;
    --textSubtlest: #837E9AFF;
    --shadow: #00000012;
  }

  .x-theme-button--solid--default {
    --text: #CCC9DCFF;
    --surfaceHighlight: #29263BFF;
    --border: #1A1825FF;
  }

  .x-theme-button--border--default {
    --text: #CCC9DCFF;
    --textSubtle: #8B85AFFF;
    --textSubtlest: #665F9166;
    --surfaceHighlight: #1A182533;
    --borderSubtle: #504A71FF;
    --border: #7E77A6FF;
  }

  .x-theme-button--solid--surface {
    --text: #FFFFFFFF;
    --surface: #12111AFF;
    --surfaceHighlight: #171621FF;
    --border: #1A1825FF;
  }

  .x-theme-button--border--surface {
    --text: #CCC9DCFF;
    --textSubtle: #8B85AFFF;
    --textSubtlest: #665F9166;
    --surfaceHighlight: #1A182533;
    --borderSubtle: #1A182580;
    --border: #1A1825B3;
  }

  .x-theme-button--solid--text {
    --text: #FFFFFFFF;
    --surface: #7873D2FF;
    --surfaceHighlight: #BCB9E8FF;
    --border: #DEDDF4FF;
  }

  .x-theme-button--border--text {
    --text: #F8F8FDFF;
    --textSubtle: #F0EFFAFF;
    --textSubtlest: #EDECF966;
    --surfaceHighlight: #DEDCF433;
    --borderSubtle: #DEDCF480;
    --border: #DEDCF4B3;
  }

  .x-theme-button--solid--textSubtle {
    --text: #FFFFFFFF;
    --surface: #615D7DFF;
    --surfaceHighlight: #7F7B9DFF;
    --border: #918DAAFF;
  }

  .x-theme-button--border--textSubtle {
    --text: #E9E8EEFF;
    --textSubtle: #CDCCD9FF;
    --textSubtlest: #BCB9CB66;
    --surfaceHighlight: #918DAA33;
    --borderSubtle: #918DAA80;
    --border: #918DAAB3;
  }

  .x-theme-button--solid--textSubtlest {
    --text: #FFFFFFFF;
    --surface: #4D4A5EFF;
    --surfaceHighlight: #635F79FF;
    --border: #6E6986FF;
  }

  .x-theme-button--border--textSubtlest {
    --text: #E2E1E7FF;
    --textSubtle: #BDBBC9FF;
    --textSubtlest: #A7A4B766;
    --surfaceHighlight: #6E698633;
    --borderSubtle: #6E698680;
    --border: #6E6986B3;
  }

  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #8549CDFF;
    --surfaceHighlight: #AF88DEFF;
    --border: #C4A7E7FF;
  }

  .x-theme-button--border--primary {
    --text: #F3EDFAFF;
    --textSubtle: #E4D7F4FF;
    --textSubtlest: #DBCBF166;
    --surfaceHighlight: #C4A7E733;
    --borderSubtle: #C4A7E780;
    --border: #C4A7E7B3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #4D4A5EFF;
    --surfaceHighlight: #635F79FF;
    --border: #6E6986FF;
  }

  .x-theme-button--border--secondary {
    --text: #E2E1E7FF;
    --textSubtle: #BDBBC9FF;
    --textSubtlest: #A7A4B766;
    --surfaceHighlight: #6E698633;
    --borderSubtle: #6E698680;
    --border: #6E6986B3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #377EA0FF;
    --surfaceHighlight: #509FC3FF;
    --border: #67ABCBFF;
  }

  .x-theme-button--border--info {
    --text: #E1EEF5FF;
    --textSubtle: #BBD9E8FF;
    --textSubtlest: #A4CDE066;
    --surfaceHighlight: #67ABCB33;
    --borderSubtle: #67ABCB80;
    --border: #67ABCBB3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #4DB8B8FF;
    --surfaceHighlight: #82CDCDFF;
    --border: #9DD8D8FF;
  }

  .x-theme-button--border--success {
    --text: #EBF7F7FF;
    --textSubtle: #D3EDEDFF;
    --textSubtlest: #C5E7E766;
    --surfaceHighlight: #9DD8D833;
    --borderSubtle: #9DD8D880;
    --border: #9DD8D8B3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #EF9312FF;
    --surfaceHighlight: #F3B257FF;
    --border: #F6C279FF;
  }

  .x-theme-button--border--notice {
    --text: #FDF3E4FF;
    --textSubtle: #FBE4C3FF;
    --textSubtlest: #F9DAAE66;
    --surfaceHighlight: #F6C27933;
    --borderSubtle: #F6C27980;
    --border: #F6C279B3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #E13B39FF;
    --surfaceHighlight: #EC817FFF;
    --border: #F1A3A2FF;
  }

  .x-theme-button--border--warning {
    --text: #FCEDECFF;
    --textSubtle: #F9D6D5FF;
    --textSubtlest: #F7C6C566;
    --surfaceHighlight: #F1A3A233;
    --borderSubtle: #F1A3A280;
    --border: #F1A3A2B3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #D61D51FF;
    --surfaceHighlight: #E7517BFF;
    --border: #EB6F93FF;
  }

  .x-theme-button--border--danger {
    --text: #FBE2E9FF;
    --textSubtle: #F6BECEFF;
    --textSubtlest: #F3AABF66;
    --surfaceHighlight: #EB6F9333;
    --borderSubtle: #EB6F9380;
    --border: #EB6F93B3;
  }

  .x-theme-banner--surface {
    --text: #CCC9DCFF;
    --textSubtle: #1A1825B3;
    --textSubtlest: #1A1825FF;
    --surface: #1A18250D;
    --border: #534D7533;
  }

  .x-theme-banner--text {
    --text: #F8F8FDFF;
    --textSubtle: #DEDCF4B3;
    --textSubtlest: #DEDDF4FF;
    --surface: #DEDCF40D;
    --border: #E9E8F733;
  }

  .x-theme-banner--textSubtle {
    --text: #E9E8EEFF;
    --textSubtle: #918DAAB3;
    --textSubtlest: #918DAAFF;
    --surface: #918DAA0D;
    --border: #B3B0C433;
  }

  .x-theme-banner--textSubtlest {
    --text: #E2E1E7FF;
    --textSubtle: #6E6986B3;
    --textSubtlest: #6E6986FF;
    --surface: #6E69860D;
    --border: #9995AC33;
  }

  .x-theme-banner--primary {
    --text: #F3EDFAFF;
    --textSubtle: #C4A7E7B3;
    --textSubtlest: #C4A7E7FF;
    --surface: #C4A7E70D;
    --border: #D7C3EF33;
  }

  .x-theme-banner--secondary {
    --text: #E2E1E7FF;
    --textSubtle: #6E6986B3;
    --textSubtlest: #6E6986FF;
    --surface: #6E69860D;
    --border: #9995AC33;
  }

  .x-theme-banner--info {
    --text: #E1EEF5FF;
    --textSubtle: #67ABCBB3;
    --textSubtlest: #67ABCBFF;
    --surface: #67ABCB0D;
    --border: #95C3DB33;
  }

  .x-theme-banner--success {
    --text: #EBF7F7FF;
    --textSubtle: #9DD8D8B3;
    --textSubtlest: #9DD8D8FF;
    --surface: #9DD8D80D;
    --border: #B9E4E433;
  }

  .x-theme-banner--notice {
    --text: #FDF3E4FF;
    --textSubtle: #F6C279B3;
    --textSubtlest: #F6C279FF;
    --surface: #F6C2790D;
    --border: #F9D4A433;
  }

  .x-theme-banner--warning {
    --text: #FCEDECFF;
    --textSubtle: #F1A3A2B3;
    --textSubtlest: #F1A3A2FF;
    --surface: #F1A3A20D;
    --border: #F5BEBD33;
  }

  .x-theme-banner--danger {
    --text: #FBE2E9FF;
    --textSubtle: #EB6F93B3;
    --textSubtlest: #EB6F93FF;
    --surface: #EB6F930D;
    --border: #F198B133;
  }

  .x-theme-toast--surface {
    --text: #CCC9DCFF;
    --textSubtle: #1A1825FF;
    --surface: #1A182519;
    --surfaceHighlight: #1A182533;
    --border: #534D7566;
  }

  .x-theme-toast--text {
    --text: #F8F8FDFF;
    --textSubtle: #DEDDF4FF;
    --surface: #DEDCF419;
    --surfaceHighlight: #DEDCF433;
    --border: #E9E8F766;
  }

  .x-theme-toast--textSubtle {
    --text: #E9E8EEFF;
    --textSubtle: #918DAAFF;
    --surface: #918DAA19;
    --surfaceHighlight: #918DAA33;
    --border: #B3B0C466;
  }

  .x-theme-toast--textSubtlest {
    --text: #E2E1E7FF;
    --textSubtle: #6E6986FF;
    --surface: #6E698619;
    --surfaceHighlight: #6E698633;
    --border: #9995AC66;
  }

  .x-theme-toast--primary {
    --text: #F3EDFAFF;
    --textSubtle: #C4A7E7FF;
    --surface: #C4A7E719;
    --surfaceHighlight: #C4A7E733;
    --border: #D7C3EF66;
  }

  .x-theme-toast--secondary {
    --text: #E2E1E7FF;
    --textSubtle: #6E6986FF;
    --surface: #6E698619;
    --surfaceHighlight: #6E698633;
    --border: #9995AC66;
  }

  .x-theme-toast--info {
    --text: #E1EEF5FF;
    --textSubtle: #67ABCBFF;
    --surface: #67ABCB19;
    --surfaceHighlight: #67ABCB33;
    --border: #95C3DB66;
  }

  .x-theme-toast--success {
    --text: #EBF7F7FF;
    --textSubtle: #9DD8D8FF;
    --surface: #9DD8D819;
    --surfaceHighlight: #9DD8D833;
    --border: #B9E4E466;
  }

  .x-theme-toast--notice {
    --text: #FDF3E4FF;
    --textSubtle: #F6C279FF;
    --surface: #F6C27919;
    --surfaceHighlight: #F6C27933;
    --border: #F9D4A466;
  }

  .x-theme-toast--warning {
    --text: #FCEDECFF;
    --textSubtle: #F1A3A2FF;
    --surface: #F1A3A219;
    --surfaceHighlight: #F1A3A233;
    --border: #F5BEBD66;
  }

  .x-theme-toast--danger {
    --text: #FBE2E9FF;
    --textSubtle: #EB6F93FF;
    --surface: #EB6F9319;
    --surfaceHighlight: #EB6F9333;
    --border: #F198B166;
  }

  .x-theme-templateTag--surface {
    --text: #9892B8FF;
    --textSubtle: #675F92FF;
    --textSubtlest: #1A1825FF;
    --surface: #16141F33;
    --border: #16141FCC;
    --surfaceHighlight: #1716224D;
  }

  .x-theme-templateTag--text {
    --text: #F2F1FBFF;
    --textSubtle: #EBEAF8FF;
    --textSubtlest: #DEDDF4FF;
    --surface: #9B97DD33;
    --border: #9B97DDCC;
    --surfaceHighlight: #BDBAE94D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #D3D1DDFF;
    --textSubtle: #BDBACCFF;
    --textSubtlest: #918DAAFF;
    --surface: #6F6A9033;
    --border: #6F6A90CC;
    --surfaceHighlight: #7F7B9D4D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #C5C2CFFF;
    --textSubtle: #A7A4B8FF;
    --textSubtlest: #6E6986FF;
    --surface: #57536A33;
    --border: #57536ACC;
    --surfaceHighlight: #625E784D;
  }

  .x-theme-templateTag--primary {
    --text: #E7DCF5FF;
    --textSubtle: #DBCAF1FF;
    --textSubtlest: #C4A7E7FF;
    --surface: #9967D533;
    --border: #9967D5CC;
    --surfaceHighlight: #AE87DE4D;
  }

  .x-theme-templateTag--secondary {
    --text: #C5C2CFFF;
    --textSubtle: #A7A4B8FF;
    --textSubtlest: #6E6986FF;
    --surface: #57536A33;
    --border: #57536ACC;
    --surfaceHighlight: #625E784D;
  }

  .x-theme-templateTag--info {
    --text: #C2DEEAFF;
    --textSubtle: #A4CDE0FF;
    --textSubtlest: #67ABCBFF;
    --surface: #3E90B633;
    --border: #3E90B6CC;
    --surfaceHighlight: #509FC34D;
  }

  .x-theme-templateTag--success {
    --text: #D8EFEFFF;
    --textSubtle: #C4E7E7FF;
    --textSubtlest: #9DD8D8FF;
    --surface: #66C2C233;
    --border: #66C2C2CC;
    --surfaceHighlight: #83CECE4D;
  }

  .x-theme-templateTag--notice {
    --text: #FBE7CAFF;
    --textSubtle: #F9DAAFFF;
    --textSubtlest: #F6C279FF;
    --surface: #F1A33733;
    --border: #F1A337CC;
    --surfaceHighlight: #F3B3584D;
  }

  .x-theme-templateTag--warning {
    --text: #F9DADAFF;
    --textSubtle: #F7C8C7FF;
    --textSubtlest: #F1A3A2FF;
    --surface: #E65D5B33;
    --border: #E65D5BCC;
    --surfaceHighlight: #EC807E4D;
  }

  .x-theme-templateTag--danger {
    --text: #F7C6D4FF;
    --textSubtle: #F3A9BEFF;
    --textSubtlest: #EB6F93FF;
    --surface: #E3316333;
    --border: #E33163CC;
    --surfaceHighlight: #E7507B4D;
  }
}

/* Catppuccin Macchiato */
[data-theme="catppuccin-macchiato"] {
  --surface: #1D202FFF;
  --surfaceHighlight: #272B40FF;
  --surfaceActive: #9C58EE33;
  --backdrop: #171A26CC;
  --selection: #B27DF24D;
  --border: #2F344DFF;
  --borderFocus: #8AAEF480;
  --text: #CCD5F5FF;
  --textSubtle: #A4ADCBFF;
  --textSubtlest: #8187A2FF;
  --shadow: #0000004D;
  --primary: #C8A2F6FF;
  --secondary: #B8C0E0FF;
  --info: #8AAEF4FF;
  --success: #A6DA95FF;
  --notice: #EED4A0FF;
  --warning: #F5A87FFF;
  --danger: #ED8796FF;

  .x-theme-dialog {
    --surface: #181825FF;
    --surfaceHighlight: #232335FF;
    --backdrop: #14141FCC;
    --border: #2C2C43FF;
    --shadow: #00000012;
  }

  .x-theme-sidebar {
    --surface: #232638FF;
    --surfaceHighlight: #2D3148FF;
    --backdrop: #1B1E2CCC;
    --border: #2B2F45FF;
    --borderSubtle: #292C41FF;
    --shadow: #00000012;
  }

  .x-theme-appHeader {
    --surface: #181926FF;
    --surfaceHighlight: #222336FF;
    --backdrop: #14151FCC;
    --border: #292A41FF;
    --borderSubtle: #26273DFF;
    --shadow: #00000012;
  }

  .x-theme-responsePane {
    --surface: #232638FF;
    --surfaceHighlight: #2D3148FF;
    --backdrop: #1B1E2CCC;
    --border: #2B2F45FF;
    --borderSubtle: #292C41FF;
    --shadow: #00000012;
  }

  .x-theme-button {
    --surfaceActive: #8B3CEC33;
    --selection: #9E5DEF4D;
    --borderFocus: #6594F180;
    --shadow: #00000012;
    --primary: #B27DF2FF;
    --secondary: #9CA7D3FF;
    --info: #6795F1FF;
    --success: #90D07AFF;
    --notice: #E8C57EFF;
    --warning: #F3915CFF;
    --danger: #E8677AFF;
  }

  .x-theme-toast {
    --shadow: #00000012;
  }

  .x-theme-button--solid--default {
    --text: #C9CDDEFF;
    --surfaceHighlight: #2A2F45FF;
    --border: #1D202FFF;
  }

  .x-theme-button--border--default {
    --text: #C9CDDEFF;
    --textSubtle: #868EB5FF;
    --textSubtlest: #5F699B66;
    --surfaceHighlight: #1D202F33;
    --borderSubtle: #4B537BFF;
    --border: #7981ADFF;
  }









  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #7619E8FF;
    --surfaceHighlight: #9E5CEFFF;
    --border: #B27DF2FF;
  }

  .x-theme-button--border--primary {
    --text: #F0E5FCFF;
    --textSubtle: #DCC5F9FF;
    --textSubtlest: #D0B1F766;
    --surfaceHighlight: #B27DF233;
    --borderSubtle: #B27DF280;
    --border: #B27DF2B3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #5064B1FF;
    --surfaceHighlight: #8391C7FF;
    --border: #9CA7D3FF;
  }

  .x-theme-button--border--secondary {
    --text: #EBEDF6FF;
    --textSubtle: #D3D8EBFF;
    --textSubtlest: #C4C9E466;
    --surfaceHighlight: #9CA7D333;
    --borderSubtle: #9CA7D380;
    --border: #9CA7D3B3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #1457DCFF;
    --surfaceHighlight: #487FEEFF;
    --border: #6795F1FF;
  }

  .x-theme-button--border--info {
    --text: #E1EAFCFF;
    --textSubtle: #BBCFF9FF;
    --textSubtlest: #A6C1F766;
    --surfaceHighlight: #6594F133;
    --borderSubtle: #6594F180;
    --border: #6594F1B3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #58AB3CFF;
    --surfaceHighlight: #7BC862FF;
    --border: #90D07AFF;
  }

  .x-theme-button--border--success {
    --text: #E9F6E4FF;
    --textSubtle: #CDEAC3FF;
    --textSubtlest: #BDE3B066;
    --surfaceHighlight: #90D17B33;
    --borderSubtle: #90D17B80;
    --border: #90D17BB3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #D59B26FF;
    --surfaceHighlight: #E3B75FFF;
    --border: #E8C57EFF;
  }

  .x-theme-button--border--notice {
    --text: #FAF3E5FF;
    --textSubtle: #F5E5C5FF;
    --textSubtlest: #F1DCB166;
    --surfaceHighlight: #E8C47D33;
    --borderSubtle: #E8C47D80;
    --border: #E8C47DB3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #DA5710FF;
    --surfaceHighlight: #F07C3DFF;
    --border: #F3915CFF;
  }

  .x-theme-button--border--warning {
    --text: #FDE9DEFF;
    --textSubtle: #F9CDB6FF;
    --textSubtlest: #F8BB9B66;
    --surfaceHighlight: #F3925E33;
    --borderSubtle: #F3925E80;
    --border: #F3925EB3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #CC1E39FF;
    --surfaceHighlight: #E44A61FF;
    --border: #E8677AFF;
  }

  .x-theme-button--border--danger {
    --text: #FAE1E4FF;
    --textSubtle: #F5BBC3FF;
    --textSubtlest: #F1A2AE66;
    --surfaceHighlight: #E8687B33;
    --borderSubtle: #E8687B80;
    --border: #E8687BB3;
  }

  .x-theme-banner--surface {
    --text: #C9CDDEFF;
    --textSubtle: #1D202FB3;
    --textSubtlest: #1D202FFF;
    --surface: #1D202F0D;
    --border: #4E567E33;
  }

  .x-theme-banner--text {
    --text: #F5F7FDFF;
    --textSubtle: #CCD5F5B3;
    --textSubtlest: #CCD5F5FF;
    --surface: #CCD5F50D;
    --border: #DDE2F833;
  }

  .x-theme-banner--textSubtle {
    --text: #EDEFF5FF;
    --textSubtle: #A4ADCBB3;
    --textSubtlest: #A4ADCBFF;
    --surface: #A4ADCB0D;
    --border: #C1C7DC33;
  }

  .x-theme-banner--textSubtlest {
    --text: #E6E7ECFF;
    --textSubtle: #8187A2B3;
    --textSubtlest: #8187A2FF;
    --surface: #8187A20D;
    --border: #A7ABBE33;
  }

  .x-theme-banner--primary {
    --text: #F4ECFDFF;
    --textSubtle: #C8A2F6B3;
    --textSubtlest: #C8A2F6FF;
    --surface: #C8A2F60D;
    --border: #D7BEF933;
  }

  .x-theme-banner--secondary {
    --text: #F1F2F9FF;
    --textSubtle: #B8C0E0B3;
    --textSubtlest: #B8C0E0FF;
    --surface: #B8C0E00D;
    --border: #CDD3E933;
  }

  .x-theme-banner--info {
    --text: #E8EFFDFF;
    --textSubtle: #8AAEF4B3;
    --textSubtlest: #8AAEF4FF;
    --surface: #8AAEF40D;
    --border: #ABC5F733;
  }

  .x-theme-banner--success {
    --text: #EDF8EAFF;
    --textSubtle: #A6DA95B3;
    --textSubtlest: #A6DA95FF;
    --surface: #A6DA950D;
    --border: #C0E4B433;
  }

  .x-theme-banner--notice {
    --text: #FCF6ECFF;
    --textSubtle: #EED4A0B3;
    --textSubtlest: #EED4A0FF;
    --surface: #EED4A00D;
    --border: #F4E2BE33;
  }

  .x-theme-banner--warning {
    --text: #FDEEE5FF;
    --textSubtle: #F5A87FB3;
    --textSubtlest: #F5A87FFF;
    --surface: #F5A87F0D;
    --border: #F8C2A533;
  }

  .x-theme-banner--danger {
    --text: #FBE7EAFF;
    --textSubtle: #ED8796B3;
    --textSubtlest: #ED8796FF;
    --surface: #ED87960D;
    --border: #F2ABB633;
  }

  .x-theme-toast--surface {
    --text: #C9CDDEFF;
    --textSubtle: #1D202FFF;
    --surface: #1D202F19;
    --surfaceHighlight: #1D202F33;
    --border: #4E567E66;
  }

  .x-theme-toast--text {
    --text: #F5F7FDFF;
    --textSubtle: #CCD5F5FF;
    --surface: #CCD5F519;
    --surfaceHighlight: #CCD5F533;
    --border: #DDE2F866;
  }

  .x-theme-toast--textSubtle {
    --text: #EDEFF5FF;
    --textSubtle: #A4ADCBFF;
    --surface: #A4ADCB19;
    --surfaceHighlight: #A4ADCB33;
    --border: #C1C7DC66;
  }

  .x-theme-toast--textSubtlest {
    --text: #E6E7ECFF;
    --textSubtle: #8187A2FF;
    --surface: #8187A219;
    --surfaceHighlight: #8187A233;
    --border: #A7ABBE66;
  }

  .x-theme-toast--primary {
    --text: #F4ECFDFF;
    --textSubtle: #C8A2F6FF;
    --surface: #C8A2F619;
    --surfaceHighlight: #C8A2F633;
    --border: #D7BEF966;
  }

  .x-theme-toast--secondary {
    --text: #F1F2F9FF;
    --textSubtle: #B8C0E0FF;
    --surface: #B8C0E019;
    --surfaceHighlight: #B8C0E033;
    --border: #CDD3E966;
  }

  .x-theme-toast--info {
    --text: #E8EFFDFF;
    --textSubtle: #8AAEF4FF;
    --surface: #8AAEF419;
    --surfaceHighlight: #8AAEF433;
    --border: #ABC5F766;
  }

  .x-theme-toast--success {
    --text: #EDF8EAFF;
    --textSubtle: #A6DA95FF;
    --surface: #A6DA9519;
    --surfaceHighlight: #A6DA9533;
    --border: #C0E4B466;
  }

  .x-theme-toast--notice {
    --text: #FCF6ECFF;
    --textSubtle: #EED4A0FF;
    --surface: #EED4A019;
    --surfaceHighlight: #EED4A033;
    --border: #F4E2BE66;
  }

  .x-theme-toast--warning {
    --text: #FDEEE5FF;
    --textSubtle: #F5A87FFF;
    --surface: #F5A87F19;
    --surfaceHighlight: #F5A87F33;
    --border: #F8C2A566;
  }

  .x-theme-toast--danger {
    --text: #FBE7EAFF;
    --textSubtle: #ED8796FF;
    --surface: #ED879619;
    --surfaceHighlight: #ED879633;
    --border: #F2ABB666;
  }

  .x-theme-templateTag--surface {
    --text: #939ABDFF;
    --textSubtle: #5F699BFF;
    --textSubtlest: #1D202FFF;
    --surface: #171A2633;
    --border: #171A26CC;
    --surfaceHighlight: #1B1E2D4D;
  }

  .x-theme-templateTag--text {
    --text: #EBEEFBFF;
    --textSubtle: #E0E6F9FF;
    --textSubtlest: #CCD5F5FF;
    --surface: #7F95E633;
    --border: #7F95E6CC;
    --surfaceHighlight: #A6B7ED4D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #DBDEEAFF;
    --textSubtle: #C9CEE0FF;
    --textSubtlest: #A4ADCBFF;
    --surface: #7784B133;
    --border: #7784B1CC;
    --surfaceHighlight: #8E99BE4D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #CDCFDAFF;
    --textSubtle: #B3B7C7FF;
    --textSubtlest: #8187A2FF;
    --surface: #646A8733;
    --border: #646A87CC;
    --surfaceHighlight: #6F76954D;
  }

  .x-theme-templateTag--primary {
    --text: #E9DAFBFF;
    --textSubtle: #DEC7F9FF;
    --textSubtlest: #C8A2F6FF;
    --surface: #9C58EE33;
    --border: #9C58EECC;
    --surfaceHighlight: #B27DF24D;
  }

  .x-theme-templateTag--secondary {
    --text: #E3E6F3FF;
    --textSubtle: #D4D9ECFF;
    --textSubtlest: #B8C0E0FF;
    --surface: #7F8EC733;
    --border: #7F8EC7CC;
    --surfaceHighlight: #9CA7D34D;
  }

  .x-theme-templateTag--info {
    --text: #D0DEFBFF;
    --textSubtle: #B9CEF8FF;
    --textSubtlest: #8AAEF4FF;
    --surface: #447DEE33;
    --border: #447DEECC;
    --surfaceHighlight: #6594F14D;
  }

  .x-theme-templateTag--success {
    --text: #DCF0D5FF;
    --textSubtle: #CAE9C0FF;
    --textSubtlest: #A6DA95FF;
    --surface: #7AC76033;
    --border: #7AC760CC;
    --surfaceHighlight: #90D17B4D;
  }

  .x-theme-templateTag--notice {
    --text: #F8EED9FF;
    --textSubtle: #F5E5C6FF;
    --textSubtlest: #EED4A0FF;
    --surface: #E2B55A33;
    --border: #E2B55ACC;
    --surfaceHighlight: #E8C47D4D;
  }

  .x-theme-templateTag--warning {
    --text: #FBDCCCFF;
    --textSubtle: #F9CBB2FF;
    --textSubtlest: #F5A87FFF;
    --surface: #F0783833;
    --border: #F07838CC;
    --surfaceHighlight: #F3925E4D;
  }

  .x-theme-templateTag--danger {
    --text: #F8CFD5FF;
    --textSubtle: #F4B7C0FF;
    --textSubtlest: #ED8796FF;
    --surface: #E3455C33;
    --border: #E3455CCC;
    --surfaceHighlight: #E8687B4D;
  }
}

/* GitHub */
[data-theme="github-light"] {
  --surface: #FFFFFFFF;
  --surfaceHighlight: #EBF0F4FF;
  --surfaceActive: #9971E533;
  --backdrop: #FFFFFFCC;
  --selection: #8D60E24D;
  --border: #E8EBEEFF;
  --borderSubtle: #E8EBEEFF;
  --borderFocus: #0A73EB80;
  --text: #1F2328FF;
  --textSubtle: #646D78FF;
  --textSubtlest: #838E95FF;
  --shadow: #00000012;
  --primary: #814EDFFF;
  --secondary: #6E7781FF;
  --info: #0A73EBFF;
  --success: #1C873AFF;
  --notice: #CC8800FF;
  --warning: #E05A00FF;
  --danger: #D1232FFF;

  .x-theme-toast {
    --shadow: #00000012;
  }

  .x-theme-button--solid--default {
    --text: #333333FF;
    --surfaceHighlight: #EBEBEBFF;
    --border: #FFFFFFFF;
  }

  .x-theme-button--border--default {
    --text: #333333FF;
    --textSubtle: #737373FF;
    --textSubtlest: #99999966;
    --surfaceHighlight: #FFFFFF33;
    --borderSubtle: #B8B8B8FF;
    --border: #808080FF;
  }

  .x-theme-button--solid--surface {
    --text: #FFFFFFFF;
    --surface: #FFFFFFFF;
    --surfaceHighlight: #FFFFFFFF;
    --border: #FFFFFFFF;
  }

  .x-theme-button--border--surface {
    --text: #333333FF;
    --textSubtle: #737373FF;
    --textSubtlest: #99999966;
    --surfaceHighlight: #FFFFFF33;
    --borderSubtle: #FFFFFF80;
    --border: #FFFFFFB3;
  }

  .x-theme-button--solid--surfaceHighlight {
    --text: #FFFFFFFF;
    --surface: #F1F5F7FF;
    --surfaceHighlight: #EDF2F5FF;
    --border: #EBF0F4FF;
  }

  .x-theme-button--border--surfaceHighlight {
    --text: #22313EFF;
    --textSubtle: #4D6F8BFF;
    --textSubtlest: #6E92AF66;
    --surfaceHighlight: #EBF0F433;
    --borderSubtle: #EBF0F480;
    --border: #EBF0F4B3;
  }

  .x-theme-button--solid--border {
    --text: #FFFFFFFF;
    --surface: #EFF1F3FF;
    --surfaceHighlight: #EAEDEFFF;
    --border: #E8EBEEFF;
  }

  .x-theme-button--border--border {
    --text: #282F36FF;
    --textSubtle: #5A6A79FF;
    --textSubtlest: #7B8C9D66;
    --surfaceHighlight: #E8EBEE33;
    --borderSubtle: #E8EBEE80;
    --border: #E8EBEEB3;
  }

  .x-theme-button--solid--borderSubtle {
    --text: #FFFFFFFF;
    --surface: #EFF1F3FF;
    --surfaceHighlight: #EAEDEFFF;
    --border: #E8EBEEFF;
  }

  .x-theme-button--border--borderSubtle {
    --text: #282F36FF;
    --textSubtle: #5A6A79FF;
    --textSubtlest: #7B8C9D66;
    --surfaceHighlight: #E8EBEE33;
    --borderSubtle: #E8EBEE80;
    --border: #E8EBEEB3;
  }

  .x-theme-button--solid--text {
    --text: #FFFFFFFF;
    --surface: #586473FF;
    --surfaceHighlight: #323941FF;
    --border: #1F2328FF;
  }

  .x-theme-button--border--text {
    --text: #060708FF;
    --textSubtle: #0E1012FF;
    --textSubtlest: #12141766;
    --surfaceHighlight: #1F232833;
    --borderSubtle: #1F232880;
    --border: #1F2328B3;
  }

  .x-theme-button--solid--textSubtle {
    --text: #FFFFFFFF;
    --surface: #9098A2FF;
    --surfaceHighlight: #717B87FF;
    --border: #646D78FF;
  }

  .x-theme-button--border--textSubtle {
    --text: #141618FF;
    --textSubtle: #2D3136FF;
    --textSubtlest: #3C414866;
    --surfaceHighlight: #646D7833;
    --borderSubtle: #646D7880;
    --border: #646D78B3;
  }

  .x-theme-button--solid--textSubtlest {
    --text: #FFFFFFFF;
    --surface: #A8B0B5FF;
    --surfaceHighlight: #8F9AA0FF;
    --border: #838E95FF;
  }

  .x-theme-button--border--textSubtlest {
    --text: #1A1D1EFF;
    --textSubtle: #3A4044FF;
    --textSubtlest: #4D565B66;
    --surfaceHighlight: #838E9533;
    --borderSubtle: #838E9580;
    --border: #838E95B3;
  }

  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #A783E8FF;
    --surfaceHighlight: #8D60E2FF;
    --border: #814EDFFF;
  }

  .x-theme-button--border--primary {
    --text: #180933FF;
    --textSubtle: #361572FF;
    --textSubtlest: #471C9766;
    --surfaceHighlight: #814EDF33;
    --borderSubtle: #814EDF80;
    --border: #814EDFB3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #99A0A8FF;
    --surfaceHighlight: #7C858FFF;
    --border: #6E7781FF;
  }

  .x-theme-button--border--secondary {
    --text: #16181AFF;
    --textSubtle: #32363AFF;
    --textSubtlest: #42474D66;
    --surfaceHighlight: #6E778133;
    --borderSubtle: #6E778180;
    --border: #6E7781B3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #4D9CF8FF;
    --surfaceHighlight: #1A80F5FF;
    --border: #0A73EBFF;
  }

  .x-theme-button--border--info {
    --text: #02172FFF;
    --textSubtle: #04346AFF;
    --textSubtlest: #06458E66;
    --surfaceHighlight: #0A73EB33;
    --borderSubtle: #0A73EB80;
    --border: #0A73EBB3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #36D663FF;
    --surfaceHighlight: #22A447FF;
    --border: #1C873AFF;
  }

  .x-theme-button--border--success {
    --text: #061B0CFF;
    --textSubtle: #0C3D1AFF;
    --textSubtlest: #11502366;
    --surfaceHighlight: #1C873A33;
    --borderSubtle: #1C873A80;
    --border: #1C873AB3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #FFB829FF;
    --surfaceHighlight: #EB9C00FF;
    --border: #CC8800FF;
  }

  .x-theme-button--border--notice {
    --text: #291B00FF;
    --textSubtle: #5C3D00FF;
    --textSubtlest: #7A520066;
    --surfaceHighlight: #CC880033;
    --borderSubtle: #CC880080;
    --border: #CC8800B3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #FF8737FF;
    --surfaceHighlight: #FD6500FF;
    --border: #E05A00FF;
  }

  .x-theme-button--border--warning {
    --text: #2D1200FF;
    --textSubtle: #652800FF;
    --textSubtlest: #85350066;
    --surfaceHighlight: #E05A0033;
    --borderSubtle: #E05A0080;
    --border: #E05A00B3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #E46069FF;
    --surfaceHighlight: #DC333EFF;
    --border: #D1232FFF;
  }

  .x-theme-button--border--danger {
    --text: #2A0709FF;
    --textSubtle: #5E1015FF;
    --textSubtlest: #7E151C66;
    --surfaceHighlight: #D1232F33;
    --borderSubtle: #D1232F80;
    --border: #D1232FB3;
  }

  .x-theme-banner--surface {
    --text: #333333FF;
    --textSubtle: #FFFFFFB3;
    --textSubtlest: #FFFFFFFF;
    --surface: #FFFFFF0D;
    --border: #B3B3B333;
  }

  .x-theme-banner--surfaceHighlight {
    --text: #22313EFF;
    --textSubtle: #EBF0F4B3;
    --textSubtlest: #EBF0F4FF;
    --surface: #EBF0F40D;
    --border: #8FABC133;
  }

  .x-theme-banner--border {
    --text: #282F36FF;
    --textSubtle: #E8EBEEB3;
    --textSubtlest: #E8EBEEFF;
    --surface: #E8EBEE0D;
    --border: #98A5B333;
  }

  .x-theme-banner--borderSubtle {
    --text: #282F36FF;
    --textSubtle: #E8EBEEB3;
    --textSubtlest: #E8EBEEFF;
    --surface: #E8EBEE0D;
    --border: #98A5B333;
  }

  .x-theme-banner--text {
    --text: #060708FF;
    --textSubtle: #1F2328B3;
    --textSubtlest: #1F2328FF;
    --surface: #1F23280D;
    --border: #16191D33;
  }

  .x-theme-banner--textSubtle {
    --text: #141618FF;
    --textSubtle: #646D78B3;
    --textSubtlest: #646D78FF;
    --surface: #646D780D;
    --border: #464C5333;
  }

  .x-theme-banner--textSubtlest {
    --text: #1A1D1EFF;
    --textSubtle: #838E95B3;
    --textSubtlest: #838E95FF;
    --surface: #838E950D;
    --border: #59636933;
  }

  .x-theme-banner--primary {
    --text: #180933FF;
    --textSubtle: #814EDFB3;
    --textSubtlest: #814EDFFF;
    --surface: #814EDF0D;
    --border: #5320B133;
  }

  .x-theme-banner--secondary {
    --text: #16181AFF;
    --textSubtle: #6E7781B3;
    --textSubtlest: #6E7781FF;
    --surface: #6E77810D;
    --border: #4D535B33;
  }

  .x-theme-banner--info {
    --text: #02172FFF;
    --textSubtle: #0A73EBB3;
    --textSubtlest: #0A73EBFF;
    --surface: #0A73EB0D;
    --border: #0751A633;
  }

  .x-theme-banner--success {
    --text: #061B0CFF;
    --textSubtle: #1C873AB3;
    --textSubtlest: #1C873AFF;
    --surface: #1C873A0D;
    --border: #135E2833;
  }

  .x-theme-banner--notice {
    --text: #291B00FF;
    --textSubtle: #CC8800B3;
    --textSubtlest: #CC8800FF;
    --surface: #CC88000D;
    --border: #8F5F0033;
  }

  .x-theme-banner--warning {
    --text: #2D1200FF;
    --textSubtle: #E05A00B3;
    --textSubtlest: #E05A00FF;
    --surface: #E05A000D;
    --border: #9E3F0033;
  }

  .x-theme-banner--danger {
    --text: #2A0709FF;
    --textSubtle: #D1232FB3;
    --textSubtlest: #D1232FFF;
    --surface: #D1232F0D;
    --border: #94192133;
  }

  .x-theme-toast--surface {
    --text: #333333FF;
    --textSubtle: #FFFFFFFF;
    --surface: #FFFFFF19;
    --surfaceHighlight: #FFFFFF33;
    --border: #B3B3B366;
  }

  .x-theme-toast--surfaceHighlight {
    --text: #22313EFF;
    --textSubtle: #EBF0F4FF;
    --surface: #EBF0F419;
    --surfaceHighlight: #EBF0F433;
    --border: #8FABC166;
  }

  .x-theme-toast--border {
    --text: #282F36FF;
    --textSubtle: #E8EBEEFF;
    --surface: #E8EBEE19;
    --surfaceHighlight: #E8EBEE33;
    --border: #98A5B366;
  }

  .x-theme-toast--borderSubtle {
    --text: #282F36FF;
    --textSubtle: #E8EBEEFF;
    --surface: #E8EBEE19;
    --surfaceHighlight: #E8EBEE33;
    --border: #98A5B366;
  }

  .x-theme-toast--text {
    --text: #060708FF;
    --textSubtle: #1F2328FF;
    --surface: #1F232819;
    --surfaceHighlight: #1F232833;
    --border: #16191D66;
  }

  .x-theme-toast--textSubtle {
    --text: #141618FF;
    --textSubtle: #646D78FF;
    --surface: #646D7819;
    --surfaceHighlight: #646D7833;
    --border: #464C5366;
  }

  .x-theme-toast--textSubtlest {
    --text: #1A1D1EFF;
    --textSubtle: #838E95FF;
    --surface: #838E9519;
    --surfaceHighlight: #838E9533;
    --border: #59636966;
  }

  .x-theme-toast--primary {
    --text: #180933FF;
    --textSubtle: #814EDFFF;
    --surface: #814EDF19;
    --surfaceHighlight: #814EDF33;
    --border: #5320B166;
  }

  .x-theme-toast--secondary {
    --text: #16181AFF;
    --textSubtle: #6E7781FF;
    --surface: #6E778119;
    --surfaceHighlight: #6E778133;
    --border: #4D535B66;
  }

  .x-theme-toast--info {
    --text: #02172FFF;
    --textSubtle: #0A73EBFF;
    --surface: #0A73EB19;
    --surfaceHighlight: #0A73EB33;
    --border: #0751A666;
  }

  .x-theme-toast--success {
    --text: #061B0CFF;
    --textSubtle: #1C873AFF;
    --surface: #1C873A19;
    --surfaceHighlight: #1C873A33;
    --border: #135E2866;
  }

  .x-theme-toast--notice {
    --text: #291B00FF;
    --textSubtle: #CC8800FF;
    --surface: #CC880019;
    --surfaceHighlight: #CC880033;
    --border: #8F5F0066;
  }

  .x-theme-toast--warning {
    --text: #2D1200FF;
    --textSubtle: #E05A00FF;
    --surface: #E05A0019;
    --surfaceHighlight: #E05A0033;
    --border: #9E3F0066;
  }

  .x-theme-toast--danger {
    --text: #2A0709FF;
    --textSubtle: #D1232FFF;
    --surface: #D1232F19;
    --surfaceHighlight: #D1232F33;
    --border: #94192166;
  }

  .x-theme-templateTag--surface {
    --text: #666666FF;
    --textSubtle: #999999FF;
    --textSubtlest: #FFFFFFFF;
    --surface: #FFFFFF33;
    --border: #FFFFFFCC;
    --surfaceHighlight: #FFFFFF4D;
  }

  .x-theme-templateTag--surfaceHighlight {
    --text: #44637CFF;
    --textSubtle: #7093B0FF;
    --textSubtlest: #EBF0F4FF;
    --surface: #EFF3F633;
    --border: #EFF3F6CC;
    --surfaceHighlight: #EFF3F64D;
  }

  .x-theme-templateTag--border {
    --text: #505E6CFF;
    --textSubtle: #7C8D9EFF;
    --textSubtlest: #E8EBEEFF;
    --surface: #EDF0F233;
    --border: #EDF0F2CC;
    --surfaceHighlight: #EBEEF04D;
  }

  .x-theme-templateTag--borderSubtle {
    --text: #505E6CFF;
    --textSubtle: #7C8D9EFF;
    --textSubtlest: #E8EBEEFF;
    --surface: #EDF0F233;
    --border: #EDF0F2CC;
    --surfaceHighlight: #EBEEF04D;
  }

  .x-theme-templateTag--text {
    --text: #0C0E10FF;
    --textSubtle: #131518FF;
    --textSubtlest: #1F2328FF;
    --surface: #454F5933;
    --border: #454F59CC;
    --surfaceHighlight: #333A424D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #282B30FF;
    --textSubtle: #3C4148FF;
    --textSubtlest: #646D78FF;
    --surface: #7F899433;
    --border: #7F8994CC;
    --surfaceHighlight: #727C884D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #34393DFF;
    --textSubtle: #4D565BFF;
    --textSubtlest: #838E95FF;
    --surface: #9CA5AB33;
    --border: #9CA5ABCC;
    --surfaceHighlight: #8E999F4D;
  }

  .x-theme-templateTag--primary {
    --text: #301366FF;
    --textSubtle: #481C99FF;
    --textSubtlest: #814EDFFF;
    --surface: #9971E533;
    --border: #9971E5CC;
    --surfaceHighlight: #8D60E24D;
  }

  .x-theme-templateTag--secondary {
    --text: #2C3034FF;
    --textSubtle: #42484EFF;
    --textSubtlest: #6E7781FF;
    --surface: #8B939C33;
    --border: #8B939CCC;
    --surfaceHighlight: #7B848E4D;
  }

  .x-theme-templateTag--info {
    --text: #042E5EFF;
    --textSubtle: #06458DFF;
    --textSubtlest: #0A73EBFF;
    --surface: #318DF633;
    --border: #318DF6CC;
    --surfaceHighlight: #1980F54D;
  }

  .x-theme-templateTag--success {
    --text: #0B3617FF;
    --textSubtle: #115123FF;
    --textSubtlest: #1C873AFF;
    --surface: #28C35433;
    --border: #28C354CC;
    --surfaceHighlight: #22A5474D;
  }

  .x-theme-templateTag--notice {
    --text: #523600FF;
    --textSubtle: #7A5200FF;
    --textSubtlest: #CC8800FF;
    --surface: #FFAD0A33;
    --border: #FFAD0ACC;
    --surfaceHighlight: #EB9C004D;
  }

  .x-theme-templateTag--warning {
    --text: #5A2400FF;
    --textSubtle: #873600FF;
    --textSubtlest: #E05A00FF;
    --surface: #FF751A33;
    --border: #FF751ACC;
    --surfaceHighlight: #FF66004D;
  }

  .x-theme-templateTag--danger {
    --text: #540E13FF;
    --textSubtle: #7E151CFF;
    --textSubtlest: #D1232FFF;
    --surface: #E0485233;
    --border: #E04852CC;
    --surfaceHighlight: #DC323D4D;
  }
}

/* Gruvbox */
[data-theme="gruvbox"] {
  --surface: #292929FF;
  --surfaceHighlight: #32302FFF;
  --surfaceActive: #C1537033;
  --backdrop: #212121CC;
  --selection: #CA6D844D;
  --border: #404040FF;
  --borderFocus: #8EC07C80;
  --text: #F9F5D7FF;
  --textSubtle: #BDAF93FF;
  --textSubtlest: #918273FF;
  --shadow: #0000004D;
  --primary: #D4879CFF;
  --secondary: #83A598FF;
  --info: #8EC07CFF;
  --success: #B8BA26FF;
  --notice: #FABD2EFF;
  --warning: #FE811BFF;
  --danger: #FB4632FF;

  .x-theme-toast {
    --shadow: #00000012;
  }

  .x-theme-button--solid--default {
    --text: #D4D4D4FF;
    --surfaceHighlight: #3A3A3AFF;
    --border: #292929FF;
  }

  .x-theme-button--border--default {
    --text: #D4D4D4FF;
    --textSubtle: #9F9F9FFF;
    --textSubtlest: #7D7D7D66;
    --surfaceHighlight: #29292933;
    --borderSubtle: #656565FF;
    --border: #949494FF;
  }

  .x-theme-button--solid--surface {
    --text: #FFFFFFFF;
    --surface: #1D1D1DFF;
    --surfaceHighlight: #252525FF;
    --border: #292929FF;
  }

  .x-theme-button--border--surface {
    --text: #D4D4D4FF;
    --textSubtle: #9F9F9FFF;
    --textSubtlest: #7D7D7D66;
    --surfaceHighlight: #29292933;
    --borderSubtle: #29292980;
    --border: #292929B3;
  }

  .x-theme-button--solid--surfaceHighlight {
    --text: #FFFFFFFF;
    --surface: #232221FF;
    --surfaceHighlight: #2D2B2AFF;
    --border: #32302FFF;
  }

  .x-theme-button--border--surfaceHighlight {
    --text: #D7D5D4FF;
    --textSubtle: #A5A19FFF;
    --textSubtlest: #86817E66;
    --surfaceHighlight: #32302F33;
    --borderSubtle: #32302F80;
    --border: #32302FB3;
  }

  .x-theme-button--solid--text {
    --text: #FFFFFFFF;
    --surface: #E7D75EFF;
    --surfaceHighlight: #F3EBAFFF;
    --border: #F9F5D7FF;
  }

  .x-theme-button--border--text {
    --text: #FEFDF7FF;
    --textSubtle: #FCFBEDFF;
    --textSubtlest: #FBF9E966;
    --surfaceHighlight: #F9F5D733;
    --borderSubtle: #F9F5D780;
    --border: #F9F5D7B3;
  }

  .x-theme-button--solid--textSubtle {
    --text: #FFFFFFFF;
    --surface: #927F5AFF;
    --surfaceHighlight: #B0A07FFF;
    --border: #BDAF93FF;
  }

  .x-theme-button--border--textSubtle {
    --text: #F2EFE9FF;
    --textSubtle: #E1DBCFFF;
    --textSubtlest: #D6CEBD66;
    --surfaceHighlight: #BDAF9333;
    --borderSubtle: #BDAF9380;
    --border: #BDAF93B3;
  }

  .x-theme-button--solid--textSubtlest {
    --text: #FFFFFFFF;
    --surface: #665B50FF;
    --surfaceHighlight: #837567FF;
    --border: #918273FF;
  }

  .x-theme-button--border--textSubtlest {
    --text: #E9E6E3FF;
    --textSubtle: #CEC7C0FF;
    --textSubtlest: #BEB5AC66;
    --surfaceHighlight: #91827333;
    --borderSubtle: #91827380;
    --border: #918273B3;
  }

  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #B2405FFF;
    --surfaceHighlight: #CB6E86FF;
    --border: #D4879CFF;
  }

  .x-theme-button--border--primary {
    --text: #F6E7EBFF;
    --textSubtle: #ECC9D2FF;
    --textSubtlest: #E5B8C466;
    --surfaceHighlight: #D4879C33;
    --borderSubtle: #D4879C80;
    --border: #D4879CB3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #57786BFF;
    --surfaceHighlight: #72998AFF;
    --border: #83A598FF;
  }

  .x-theme-button--border--secondary {
    --text: #E6EDEAFF;
    --textSubtle: #C7D7D1FF;
    --textSubtlest: #B5C9C266;
    --surfaceHighlight: #83A59833;
    --borderSubtle: #83A59880;
    --border: #83A598B3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #5D9548FF;
    --surfaceHighlight: #7CB667FF;
    --border: #8EC07CFF;
  }

  .x-theme-button--border--info {
    --text: #E8F2E5FF;
    --textSubtle: #CCE3C4FF;
    --textSubtlest: #BAD8B066;
    --surfaceHighlight: #8EC07C33;
    --borderSubtle: #8EC07C80;
    --border: #8EC07CB3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #81821BFF;
    --surfaceHighlight: #A5A822FF;
    --border: #B8BA26FF;
  }

  .x-theme-button--border--success {
    --text: #F5F5D0FF;
    --textSubtle: #E8E994FF;
    --textSubtlest: #E0E26F66;
    --surfaceHighlight: #B8BA2633;
    --borderSubtle: #B8BA2680;
    --border: #B8BA26B3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #CA8F05FF;
    --surfaceHighlight: #F9B311FF;
    --border: #FABD2EFF;
  }

  .x-theme-button--border--notice {
    --text: #FEF2D5FF;
    --textSubtle: #FDE1A1FF;
    --textSubtlest: #FCD78366;
    --surfaceHighlight: #FABD2E33;
    --borderSubtle: #FABD2E80;
    --border: #FABD2EB3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #C35801FF;
    --surfaceHighlight: #FB7201FF;
    --border: #FE811BFF;
  }

  .x-theme-button--border--warning {
    --text: #FFE6D1FF;
    --textSubtle: #FEC698FF;
    --textSubtlest: #FEB37666;
    --surfaceHighlight: #FE811B33;
    --borderSubtle: #FE811B80;
    --border: #FE811BB3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #CE1804FF;
    --surfaceHighlight: #FA2C15FF;
    --border: #FB4632FF;
  }

  .x-theme-button--border--danger {
    --text: #FEDAD6FF;
    --textSubtle: #FDACA3FF;
    --textSubtlest: #FC8F8366;
    --surfaceHighlight: #FB463233;
    --borderSubtle: #FB463280;
    --border: #FB4632B3;
  }

  .x-theme-banner--surface {
    --text: #D4D4D4FF;
    --textSubtle: #292929B3;
    --textSubtlest: #292929FF;
    --surface: #2929290D;
    --border: #69696933;
  }

  .x-theme-banner--surfaceHighlight {
    --text: #D7D5D4FF;
    --textSubtle: #32302FB3;
    --textSubtlest: #32302FFF;
    --surface: #32302F0D;
    --border: #716C6A33;
  }

  .x-theme-banner--text {
    --text: #FEFDF7FF;
    --textSubtle: #F9F5D7B3;
    --textSubtlest: #F9F5D7FF;
    --surface: #F9F5D70D;
    --border: #FBF8E433;
  }

  .x-theme-banner--textSubtle {
    --text: #F2EFE9FF;
    --textSubtle: #BDAF93B3;
    --textSubtlest: #BDAF93FF;
    --surface: #BDAF930D;
    --border: #D0C6B333;
  }

  .x-theme-banner--textSubtlest {
    --text: #E9E6E3FF;
    --textSubtle: #918273B3;
    --textSubtlest: #918273FF;
    --surface: #9182730D;
    --border: #B3A99E33;
  }

  .x-theme-banner--primary {
    --text: #F6E7EBFF;
    --textSubtle: #D4879CB3;
    --textSubtlest: #D4879CFF;
    --surface: #D4879C0D;
    --border: #E1ADBB33;
  }

  .x-theme-banner--secondary {
    --text: #E6EDEAFF;
    --textSubtle: #83A598B3;
    --textSubtlest: #83A598FF;
    --surface: #83A5980D;
    --border: #A9C1B833;
  }

  .x-theme-banner--info {
    --text: #E8F2E5FF;
    --textSubtle: #8EC07CB3;
    --textSubtlest: #8EC07CFF;
    --surface: #8EC07C0D;
    --border: #AFD2A233;
  }

  .x-theme-banner--success {
    --text: #F5F5D0FF;
    --textSubtle: #B8BA26B3;
    --textSubtlest: #B8BA26FF;
    --surface: #B8BA260D;
    --border: #DBDD5A33;
  }

  .x-theme-banner--notice {
    --text: #FEF2D5FF;
    --textSubtle: #FABD2EB3;
    --textSubtlest: #FABD2EFF;
    --surface: #FABD2E0D;
    --border: #FBD16F33;
  }

  .x-theme-banner--warning {
    --text: #FFE6D1FF;
    --textSubtle: #FE811BB3;
    --textSubtlest: #FE811BFF;
    --surface: #FE811B0D;
    --border: #FEA55D33;
  }

  .x-theme-banner--danger {
    --text: #FEDAD6FF;
    --textSubtle: #FB4632B3;
    --textSubtlest: #FB4632FF;
    --surface: #FB46320D;
    --border: #FC7C6E33;
  }

  .x-theme-toast--surface {
    --text: #D4D4D4FF;
    --textSubtle: #292929FF;
    --surface: #29292919;
    --surfaceHighlight: #29292933;
    --border: #69696966;
  }

  .x-theme-toast--surfaceHighlight {
    --text: #D7D5D4FF;
    --textSubtle: #32302FFF;
    --surface: #32302F19;
    --surfaceHighlight: #32302F33;
    --border: #716C6A66;
  }

  .x-theme-toast--text {
    --text: #FEFDF7FF;
    --textSubtle: #F9F5D7FF;
    --surface: #F9F5D719;
    --surfaceHighlight: #F9F5D733;
    --border: #FBF8E466;
  }

  .x-theme-toast--textSubtle {
    --text: #F2EFE9FF;
    --textSubtle: #BDAF93FF;
    --surface: #BDAF9319;
    --surfaceHighlight: #BDAF9333;
    --border: #D0C6B366;
  }

  .x-theme-toast--textSubtlest {
    --text: #E9E6E3FF;
    --textSubtle: #918273FF;
    --surface: #91827319;
    --surfaceHighlight: #91827333;
    --border: #B3A99E66;
  }

  .x-theme-toast--primary {
    --text: #F6E7EBFF;
    --textSubtle: #D4879CFF;
    --surface: #D4879C19;
    --surfaceHighlight: #D4879C33;
    --border: #E1ADBB66;
  }

  .x-theme-toast--secondary {
    --text: #E6EDEAFF;
    --textSubtle: #83A598FF;
    --surface: #83A59819;
    --surfaceHighlight: #83A59833;
    --border: #A9C1B866;
  }

  .x-theme-toast--info {
    --text: #E8F2E5FF;
    --textSubtle: #8EC07CFF;
    --surface: #8EC07C19;
    --surfaceHighlight: #8EC07C33;
    --border: #AFD2A266;
  }

  .x-theme-toast--success {
    --text: #F5F5D0FF;
    --textSubtle: #B8BA26FF;
    --surface: #B8BA2619;
    --surfaceHighlight: #B8BA2633;
    --border: #DBDD5A66;
  }

  .x-theme-toast--notice {
    --text: #FEF2D5FF;
    --textSubtle: #FABD2EFF;
    --surface: #FABD2E19;
    --surfaceHighlight: #FABD2E33;
    --border: #FBD16F66;
  }

  .x-theme-toast--warning {
    --text: #FFE6D1FF;
    --textSubtle: #FE811BFF;
    --surface: #FE811B19;
    --surfaceHighlight: #FE811B33;
    --border: #FEA55D66;
  }

  .x-theme-toast--danger {
    --text: #FEDAD6FF;
    --textSubtle: #FB4632FF;
    --surface: #FB463219;
    --surfaceHighlight: #FB463233;
    --border: #FC7C6E66;
  }

  .x-theme-templateTag--surface {
    --text: #A9A9A9FF;
    --textSubtle: #7E7E7EFF;
    --textSubtlest: #292929FF;
    --surface: #21212133;
    --border: #212121CC;
    --surfaceHighlight: #2626264D;
  }

  .x-theme-templateTag--surfaceHighlight {
    --text: #AFACAAFF;
    --textSubtle: #87827FFF;
    --textSubtlest: #32302FFF;
    --surface: #27252533;
    --border: #272525CC;
    --surfaceHighlight: #2D2B2A4D;
  }

  .x-theme-templateTag--text {
    --text: #FDFBEFFF;
    --textSubtle: #FBF9E7FF;
    --textSubtlest: #F9F5D7FF;
    --surface: #EDE18733;
    --border: #EDE187CC;
    --surfaceHighlight: #F3EBAF4D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #E5DFD4FF;
    --textSubtle: #D7CFBEFF;
    --textSubtlest: #BDAF93FF;
    --surface: #A4906A33;
    --border: #A4906ACC;
    --surfaceHighlight: #B09F7D4D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #D3CDC7FF;
    --textSubtle: #BDB4ABFF;
    --textSubtlest: #918273FF;
    --surface: #75685C33;
    --border: #75685CCC;
    --surfaceHighlight: #8375674D;
  }

  .x-theme-templateTag--primary {
    --text: #EECFD7FF;
    --textSubtle: #E5B7C3FF;
    --textSubtlest: #D4879CFF;
    --surface: #C1537033;
    --border: #C15370CC;
    --surfaceHighlight: #CA6D844D;
  }

  .x-theme-templateTag--secondary {
    --text: #CDDBD6FF;
    --textSubtle: #B4C9C1FF;
    --textSubtlest: #83A598FF;
    --surface: #63887A33;
    --border: #63887ACC;
    --surfaceHighlight: #7198894D;
  }

  .x-theme-templateTag--info {
    --text: #D2E6CBFF;
    --textSubtle: #BBD9B1FF;
    --textSubtlest: #8EC07CFF;
    --surface: #6BAC5333;
    --border: #6BAC53CC;
    --surfaceHighlight: #7CB6684D;
  }

  .x-theme-templateTag--success {
    --text: #EAECA0FF;
    --textSubtle: #E0E271FF;
    --textSubtlest: #B8BA26FF;
    --surface: #92941E33;
    --border: #92941ECC;
    --surfaceHighlight: #A7A9234D;
  }

  .x-theme-templateTag--notice {
    --text: #FDE4ABFF;
    --textSubtle: #FCD782FF;
    --textSubtlest: #FABD2EFF;
    --surface: #E5A20633;
    --border: #E5A206CC;
    --surfaceHighlight: #F9B3104D;
  }

  .x-theme-templateTag--warning {
    --text: #FFCDA4FF;
    --textSubtle: #FEB376FF;
    --textSubtlest: #FE811BFF;
    --surface: #DF650133;
    --border: #DF6501CC;
    --surfaceHighlight: #F971014D;
  }

  .x-theme-templateTag--danger {
    --text: #FDB5ADFF;
    --textSubtle: #FC9084FF;
    --textSubtlest: #FB4632FF;
    --surface: #EB1C0533;
    --border: #EB1C05CC;
    --surfaceHighlight: #FA2B144D;
  }
}

/* Hotdog Stand */
[data-theme="hotdog-stand"] {
  --surface: #FF0000FF;
  --surfaceHighlight: #000000FF;
  --surfaceActive: #CCCC0033;
  --backdrop: #CC0000CC;
  --selection: #E5E6004D;
  --border: #000000FF;
  --borderSubtle: #000000FF;
  --borderFocus: #FFFF0080;
  --text: #FFFFFFFF;
  --textSubtle: #FFFFFFFF;
  --textSubtlest: #FFFF00FF;
  --shadow: #0000004D;
  --primary: #FFFF00FF;
  --secondary: #FFFF00FF;
  --info: #FFFF00FF;
  --success: #FFFF00FF;
  --notice: #FFFF00FF;
  --warning: #FFFF00FF;
  --danger: #FFFF00FF;

  .x-theme-appHeader {
    --surface: #000000FF;
    --surfaceHighlight: #0F0F0FFF;
    --backdrop: #000000CC;
    --border: #1C1C1CFF;
    --text: #FFFFFFFF;
    --textSubtle: #FFFF00FF;
    --textSubtlest: #FF0000FF;
    --shadow: #0000004D;
  }

  .x-theme-menu {
    --surface: #000000FF;
    --surfaceHighlight: #FF0000FF;
    --backdrop: #000000CC;
    --border: #FF0000FF;
    --borderSubtle: #F00000FF;
    --text: #FFFFFFFF;
    --textSubtle: #FFFF00FF;
    --textSubtlest: #FFFF00FF;
    --shadow: #0000004D;
  }

  .x-theme-button {
    --surface: #000000FF;
    --surfaceHighlight: #0F0F0FFF;
    --surfaceActive: #00000033;
    --backdrop: #000000CC;
    --selection: #0000004D;
    --border: #1C1C1CFF;
    --borderFocus: #00000080;
    --text: #FFFFFFFF;
    --textSubtle: #CCCCCCFF;
    --textSubtlest: #B3B3B3FF;
    --shadow: #0000004D;
    --primary: #000000FF;
    --secondary: #FFFFFFFF;
    --info: #000000FF;
    --success: #FFFF00FF;
    --notice: #FFFF00FF;
    --warning: #000000FF;
    --danger: #FF0000FF;
  }

  .x-theme-editor {
    --surfaceActive: #CCCCCC33;
    --selection: #E6E6E64D;
    --borderFocus: #FFFFFF80;
    --shadow: #00000012;
    --primary: #FFFFFFFF;
    --secondary: #FFFFFFFF;
    --info: #FFFFFFFF;
    --success: #FFFFFFFF;
    --notice: #FFFF00FF;
    --warning: #FFFFFFFF;
    --danger: #FFFFFFFF;
  }

  .x-theme-toast {
    --surface: #000000FF;
    --surfaceHighlight: #FF0000FF;
    --backdrop: #000000CC;
    --border: #FF0000FF;
    --borderSubtle: #F00000FF;
    --text: #FFFFFFFF;
    --textSubtle: #FFFF00FF;
    --textSubtlest: #FFFF00FF;
    --shadow: #0000004D;
  }

  .x-theme-button--solid--default {
    --text: #FFCCCCFF;
    --surfaceHighlight: #FF1414FF;
    --border: #FF0000FF;
  }

  .x-theme-button--border--default {
    --text: #FFCCCCFF;
    --textSubtle: #FF8C8CFF;
    --textSubtlest: #FF666666;
    --surfaceHighlight: #FF000033;
    --borderSubtle: #FF4747FF;
    --border: #FF8080FF;
  }

  .x-theme-button--solid--surface {
    --text: #FFFFFFFF;
    --surface: #000000FF;
    --surfaceHighlight: #000000FF;
    --border: #000000FF;
  }

  .x-theme-button--border--surface {
    --text: #CCCCCCFF;
    --textSubtle: #8C8C8CFF;
    --textSubtlest: #66666666;
    --surfaceHighlight: #00000033;
    --borderSubtle: #00000080;
    --border: #000000B3;
  }





  .x-theme-button--solid--text {
    --text: #FFFFFFFF;
    --surface: #B3B3B3FF;
    --surfaceHighlight: #E6E6E6FF;
    --border: #FFFFFFFF;
  }

  .x-theme-button--border--text {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFFF;
    --textSubtlest: #FFFFFF66;
    --surfaceHighlight: #FFFFFF33;
    --borderSubtle: #FFFFFF80;
    --border: #FFFFFFB3;
  }





  .x-theme-button--solid--primary {
    --text: #FFFFFFFF;
    --surface: #000000FF;
    --surfaceHighlight: #000000FF;
    --border: #000000FF;
  }

  .x-theme-button--border--primary {
    --text: #CCCCCCFF;
    --textSubtle: #8C8C8CFF;
    --textSubtlest: #66666666;
    --surfaceHighlight: #00000033;
    --borderSubtle: #00000080;
    --border: #000000B3;
  }

  .x-theme-button--solid--secondary {
    --text: #FFFFFFFF;
    --surface: #B3B3B3FF;
    --surfaceHighlight: #E6E6E6FF;
    --border: #FFFFFFFF;
  }

  .x-theme-button--border--secondary {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFFF;
    --textSubtlest: #FFFFFF66;
    --surfaceHighlight: #FFFFFF33;
    --borderSubtle: #FFFFFF80;
    --border: #FFFFFFB3;
  }

  .x-theme-button--solid--info {
    --text: #FFFFFFFF;
    --surface: #000000FF;
    --surfaceHighlight: #000000FF;
    --border: #000000FF;
  }

  .x-theme-button--border--info {
    --text: #CCCCCCFF;
    --textSubtle: #8C8C8CFF;
    --textSubtlest: #66666666;
    --surfaceHighlight: #00000033;
    --borderSubtle: #00000080;
    --border: #000000B3;
  }

  .x-theme-button--solid--success {
    --text: #FFFFFFFF;
    --surface: #B2B300FF;
    --surfaceHighlight: #E5E600FF;
    --border: #FFFF00FF;
  }

  .x-theme-button--border--success {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF8CFF;
    --textSubtlest: #FFFF6666;
    --surfaceHighlight: #FFFF0033;
    --borderSubtle: #FFFF0080;
    --border: #FFFF00B3;
  }

  .x-theme-button--solid--notice {
    --text: #FFFFFFFF;
    --surface: #B2B300FF;
    --surfaceHighlight: #E5E600FF;
    --border: #FFFF00FF;
  }

  .x-theme-button--border--notice {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF8CFF;
    --textSubtlest: #FFFF6666;
    --surfaceHighlight: #FFFF0033;
    --borderSubtle: #FFFF0080;
    --border: #FFFF00B3;
  }

  .x-theme-button--solid--warning {
    --text: #FFFFFFFF;
    --surface: #000000FF;
    --surfaceHighlight: #000000FF;
    --border: #000000FF;
  }

  .x-theme-button--border--warning {
    --text: #CCCCCCFF;
    --textSubtle: #8C8C8CFF;
    --textSubtlest: #66666666;
    --surfaceHighlight: #00000033;
    --borderSubtle: #00000080;
    --border: #000000B3;
  }

  .x-theme-button--solid--danger {
    --text: #FFFFFFFF;
    --surface: #B30000FF;
    --surfaceHighlight: #E60000FF;
    --border: #FF0000FF;
  }

  .x-theme-button--border--danger {
    --text: #FFCCCCFF;
    --textSubtle: #FF8C8CFF;
    --textSubtlest: #FF666666;
    --surfaceHighlight: #FF000033;
    --borderSubtle: #FF000080;
    --border: #FF0000B3;
  }

  .x-theme-banner--surface {
    --text: #FFCCCCFF;
    --textSubtle: #FF0000B3;
    --textSubtlest: #FF0000FF;
    --surface: #FF00000D;
    --border: #FF4D4D33;
  }

  .x-theme-banner--border {
    --text: #CCCCCCFF;
    --textSubtle: #000000B3;
    --textSubtlest: #000000FF;
    --surface: #0000000D;
    --border: #4D4D4D33;
  }

  .x-theme-banner--surfaceHighlight {
    --text: #CCCCCCFF;
    --textSubtle: #000000B3;
    --textSubtlest: #000000FF;
    --surface: #0000000D;
    --border: #4D4D4D33;
  }

  .x-theme-banner--text {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFB3;
    --textSubtlest: #FFFFFFFF;
    --surface: #FFFFFF0D;
    --border: #FFFFFF33;
  }

  .x-theme-banner--textSubtle {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFB3;
    --textSubtlest: #FFFFFFFF;
    --surface: #FFFFFF0D;
    --border: #FFFFFF33;
  }

  .x-theme-banner--textSubtlest {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--primary {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--secondary {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--info {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--success {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--notice {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--warning {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-banner--danger {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00B3;
    --textSubtlest: #FFFF00FF;
    --surface: #FFFF000D;
    --border: #FFFF4D33;
  }

  .x-theme-toast--surface {
    --text: #FFCCCCFF;
    --textSubtle: #FF0000FF;
    --surface: #FF000019;
    --surfaceHighlight: #FF000033;
    --border: #FF4D4D66;
  }

  .x-theme-toast--border {
    --text: #CCCCCCFF;
    --textSubtle: #000000FF;
    --surface: #00000019;
    --surfaceHighlight: #00000033;
    --border: #4D4D4D66;
  }

  .x-theme-toast--surfaceHighlight {
    --text: #CCCCCCFF;
    --textSubtle: #000000FF;
    --surface: #00000019;
    --surfaceHighlight: #00000033;
    --border: #4D4D4D66;
  }

  .x-theme-toast--text {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFFF;
    --surface: #FFFFFF19;
    --surfaceHighlight: #FFFFFF33;
    --border: #FFFFFF66;
  }

  .x-theme-toast--textSubtle {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFFF;
    --surface: #FFFFFF19;
    --surfaceHighlight: #FFFFFF33;
    --border: #FFFFFF66;
  }

  .x-theme-toast--textSubtlest {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--primary {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--secondary {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--info {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--success {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--notice {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--warning {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-toast--danger {
    --text: #FFFFCCFF;
    --textSubtle: #FFFF00FF;
    --surface: #FFFF0019;
    --surfaceHighlight: #FFFF0033;
    --border: #FFFF4D66;
  }

  .x-theme-templateTag--surface {
    --text: #FF9999FF;
    --textSubtle: #FF6666FF;
    --textSubtlest: #FF0000FF;
    --surface: #CC000033;
    --border: #CC0000CC;
    --surfaceHighlight: #E600004D;
  }

  .x-theme-templateTag--border {
    --text: #999999FF;
    --textSubtle: #666666FF;
    --textSubtlest: #000000FF;
    --surface: #00000033;
    --border: #000000CC;
    --surfaceHighlight: #0000004D;
  }

  .x-theme-templateTag--surfaceHighlight {
    --text: #999999FF;
    --textSubtle: #666666FF;
    --textSubtlest: #000000FF;
    --surface: #00000033;
    --border: #000000CC;
    --surfaceHighlight: #0000004D;
  }

  .x-theme-templateTag--text {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFFF;
    --textSubtlest: #FFFFFFFF;
    --surface: #CCCCCC33;
    --border: #CCCCCCCC;
    --surfaceHighlight: #E6E6E64D;
  }

  .x-theme-templateTag--textSubtle {
    --text: #FFFFFFFF;
    --textSubtle: #FFFFFFFF;
    --textSubtlest: #FFFFFFFF;
    --surface: #CCCCCC33;
    --border: #CCCCCCCC;
    --surfaceHighlight: #E6E6E64D;
  }

  .x-theme-templateTag--textSubtlest {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--primary {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--secondary {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--info {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--success {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--notice {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--warning {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }

  .x-theme-templateTag--danger {
    --text: #FFFF99FF;
    --textSubtle: #FFFF66FF;
    --textSubtlest: #FFFF00FF;
    --surface: #CCCC0033;
    --border: #CCCC00CC;
    --surfaceHighlight: #E5E6004D;
  }
}