globals.css

@import url('/font/index.css');

html,
body {
  padding: 0;
  margin: 0;
  font-family: Roboto, 'sans-serif';
  overflow: hidden;
}

input::-webkit-calendar-picker-indicator {
  display: none !important;
}

canvas {
  z-index: 1 !important;
}

*[data-theme="light"] {
  --page-bg: linear-gradient(-45deg, #747474, #4d5061, rgba(0 93 172));
  --main-bg: #2467a5;
  --text-color: white;
  --placeholder: #dedede;
  --page-border-color: #ccc;
}

*[data-theme="hqfhqwuifxhmqgrwi"] {
  --page-bg: linear-gradient(-45deg,#d0d0d0,#87888e,#3770a0);
  --main-bg: #4f86b9;
  --text-color: white;
  --placeholder: #dedede;
  --page-border-color: #ccc;
}

*[data-theme="dark"] {
  --page-bg: linear-gradient(-45deg,#000000,#000000,#114067);
  --main-bg: #091b2c;
  --text-color: white;
  --placeholder: #dedede;
  --page-border-color: #ccc;
}

*[data-theme="fracital"] {
  --page-bg: linear-gradient(-45deg,#000,#222,#ff77fc);
  --main-bg: #282828;
  --text-color: #ff77fc;
  --placeholder: #dedede;
  --page-border-color: #ccc;
}

*[data-theme="illusive"] {
  --page-bg: linear-gradient(-45deg,#000,#232323,#808080);
  --main-bg: #181818;
  --text-color: white;
  --placeholder: #dedede;
  --page-border-color: #ccc;
}

*[data-theme="contrast"] {
  --page-bg: linear-gradient(-45deg,#000,#000000,#000000);
  --main-bg: #000000;
  --text-color: rgb(111 177 221);
  --placeholder: rgb(111 177 221);
  --page-border-color: rgb(111 177 221);
}