@use '../ui';

$fg: #fffff0;
$bg: #161923;
$colors: (
  'accent': #66ad43,
  'primary': #ebebeb,
  'secondary': #ababab,
  'tertiary': #bbe093,
  'green': #22bf4e,
  'yellow': #fda640,
  'red': #e33131,
  'blue': #3868a6,
  'argentum': #a3a3a3,
  'aurum': #bfa45e,
  'platinum': #f1f1f1,
  'bg': #090a09,
  'bg-light': #202020,
  'bg-dark': #1e1e1b,
  'bg-dark-grey': #181917,
  'bg-black': #000,
);

.cfxui-theme-fivem {
  // TODO: remove
  @include ui.define-main-colors($bg, $fg);
  @include ui.define-theme($bg, $fg, $colors);

  // Invert black indicators for date/time inputs
  ::-webkit-calendar-picker-indicator {
    filter: invert(1);
  }
}