/* view/theme.css */
html[data-theme=light] {
  --table-bg: #ffffff;
  --table-text: #000000;
  --table-header-bg: #f2f2f2;
  --table-border: #dddddd;
  --table-row-even: #f9f9f9;
  --table-row-odd: #ffffff;
  --table-hover-bg: #e6e6e6;
  --caption-text: #666666;
  --text: #222222;
  --text-error: #990000;
  --hover-text: #992222;
  --active-text: #993333;
  --button-bg: #d5d5d5;
  --button-secondary-bg: #4d664d;
  --button-danger-bg: #c0392b;
  --button-hover-bg: #d3d3d3;
  --button-active-bg: #d1d1d1;
  --shadow: 0 0 2px 1px #fafafa;
  --shadow-hover: 0 0 4px 1px #fafafa;
  --shadow-active: 0 0 4px 1px #999999;
  --bg: #efeff1;
  --bg-menu: #ffffff;
  --border: 1px solid #666666;
  --border-radius: 0;
  --font-family: Roboto;
  --tag-color: #666666;
}
html[data-theme=dark] {
  --table-bg: #1e1e2f;
  --table-text: #ffffff;
  --table-header-bg: #2a2a40;
  --table-border: #333344;
  --table-row-even: #2b2b3b;
  --table-row-odd: #23232e;
  --table-hover-bg: #3a3a4d;
  --caption-text: #9999cc;
  --text: #fafafa;
  --text-error: #da0000;
  --hover-text: #99fafa;
  --hover-danger-text: #d14343;
  --active-text: #99fefe;
  --button-bg: #1d2847;
  --button-secondary-bg: #556080;
  --button-danger-bg: #d14343;
  --button-hover-bg: #232b43;
  --button-danger-hover-bg: #1d2847;
  --button-active-bg: #252b45;
  --shadow: 0 0 2px 1px #fafafa;
  --shadow-hover: 0 0 4px 1px #99fafa;
  --shadow-active: 0 0 4px 1px #666666;
  --shadow-danger-hover: 0 0 4px 1px #d14343;
  --bg: #222222;
  --bg-menu: #222222;
  --border: 1px solid #efefef;
  --border-radius: 0;
  --font-family: Roboto;
  --tag-color: #fafafa;
}