import type { Theme } from '../types';

export const ayumirage: Theme = {
  name: 'Ayu Mirage',
  colors: {
    background: '#1f2430',
    surface: '#232834',
    surfaceHover: '#2d3540',
    border: '#33415e',
    text: '#cccac2',
    textSecondary: '#707a8c',
    accent: '#ffcc66',
    accentHover: '#ffd580',
    accentText: '#1f2430',
    input: '#242936',
    inputBorder: '#33415e',
    inputBorderFocus: '#ffcc66',
    button: '#33415e',
    buttonHover: '#3e4b66',
    danger: '#f28779',
    dangerHover: '#f5a697',
    dangerText: '#1f2430',
    warning: '#ffa759',
    warningHover: '#f29e74',
    warningText: '#1f2430',
    info: '#5ccfe6',
    infoHover: '#73d0ff',
    infoText: '#1f2430',
    success: '#d5ff80',
    successHover: '#bae67e',
    successText: '#1f2430',
  },
  editor: {
    background: '#1f2430',
    foreground: '#cccac2',
    caret: '#ffcc66',
    selection: '#33415e',
    activeLine: '#232834',
    gutter: '#1f2430',
    gutterText: '#707a8c',
    activeLineGutter: '#232834',
    lineNumber: '#707a8c',
  },
  syntax: {
    keyword: '#ffa759',
    operator: '#f29e74',
    string: '#d5ff80',
    number: '#ffcc66',
    boolean: '#ffcc66',
    comment: '#5c6773',
    function: '#ffd580',
    class: '#73d0ff',
    variable: '#cccac2',
    property: '#5ccfe6',
    constant: '#d4bfff',
    type: '#73d0ff',
    tag: '#5ccfe6',
    attribute: '#ffd580',
  },
};