pink.js

const gray = "#8D8391";
const red = "#A1225D";
const orange = "#EEB56F";
const yellow = "#FCED60";
const purple = "#CE85F8";
const pink1 = "#F62599";
const pink2 = "#C45E9D";
const white = "#CABCD0";
const sidebar_background = "#080112";
const background = "#080112";

module.exports = {
  name: "pink",
  displayName: "Dark Pink Theme",
  theme: {
    background: {
      default: sidebar_background,
      success: yellow,
      notice: orange,
      warning: gray,
      danger: red,
      surprise: purple,
      info: white,
    },
    foreground: {
      default: white,
    },
    highlight: {},
    styles: {
      sidebar: {
        background: {
          default: sidebar_background,
        },
      },
      dialog: {
        background: {},
      },
      sidebarHeader: {
        background: {
          default: pink1,
        },
        foreground: {
          default: white,
        },
      },
      paneHeader: {
        foreground: {
          default: white,
        },
        background: {
          default: sidebar_background,
        },
      },
      pane: {
        background: {
          default: background,
        },
        foreground: {
          default: pink1,
        },
        highlight: {
          default: white,
        },
      },
      transparentOverlay: {
        background: {},
      },
    },
  },
};