movie-web/themes/default.ts

export const defaultTheme = {
  extend: {
    colors: {
      themePreview: {
        primary: "#505DBD",
        secondary: "#73739D",
        ghost: "white"
      },

      // Branding
      pill: {
        background: "#1C1C36"
      },

      // meta data for the theme itself
      global: {
        accentA: "#505DBD",
        accentB: "#3440A1"
      },

      // light bar
      lightBar: {
        light: "#2A2A71"
      },

      // Buttons
      buttons: {
        toggle: "#8D44D6",
        toggleDisabled: "#202836",
        danger: "#792131",
        dangerHover: "#8a293b",

        secondary: "#161F25",
        secondaryText: "#8EA3B0",
        secondaryHover: "#1B262E",
        primary: "#fff",
        primaryText: "#000",
        primaryHover: "#dedede",
        purple: "#6b298a",
        purpleHover: "#7f35a1",
        cancel: "#252533",
        cancelHover: "#3C3C4A"
      },

      // only used for body colors/textures
      background: {
        main: "#0A0A10",
        accentA: "#6E3B80",
        accentB: "#1F1F50"
      },

      // typography
      type: {
        emphasis: "#FFFFFF",
        text: "#73739D",
        dimmed: "#926CAD",
        divider: "#262632",
        secondary: "#64647B"
      },

      // search bar
      search: {
        background: "#1E1E33",
        focused: "#24243C",
        placeholder: "#4A4A71",
        icon: "#545476",
        text: "#FFFFFF"
      },

      // media cards
      mediaCard: {
        hoverBackground: "#161622",
        hoverAccent: "#4D79A8",
        hoverShadow: "#0A0A10",
        shadow: "#161622",
        barColor: "#4B4B63",
        barFillColor: "#BA7FD6",
        badge: "#151522",
        badgeText: "#5F5F7A"
      },

      // Large card
      largeCard: {
        background: "#171728",
        icon: "#6741A5"
      },

      // Passphrase
      authentication: {
        border: "#393954",
        inputBg: "#171728",
        wordBackground: "#171728",
        copyText: "#58587A",
        copyTextHover: "#8888AA",
        errorText: "#DB3D62"
      },

      // Settings page
      settings: {
        sidebar: {
          activeLink: "#171728",

          type: {
            secondary: "#4B395F",
            inactive: "#8D68A9",
            icon: "#926CAD",
            iconActivated: "#6942A8",
            activated: "#CBA1E8"
          }
        },

        card: {
          border: "#2A243E",
          background: "#29243D",
          altBackground: "#29243D"
        }
      },

      utils: {
        divider: "#353549"
      },

      // Error page
      errors: {
        card: "#12121B",
        border: "#252534",

        type: {
          secondary: "#62627D"
        }
      },

      // About page
      about: {
        circle: "#262632",
        circleText: "#9A9AC3"
      },

      progress: {
        background: "#8787A8",
        preloaded: "#8787A8",
        filled: "#A75FC9"
      },

      // video player
      video: {
        buttonBackground: "#444B5C",

        scraping: {
          card: "#161620",
          error: "#E44F4F",
          success: "#40B44B",
          loading: "#B759D8",
          noresult: "#64647B"
        },

        audio: {
          set: "#A75FC9"
        },

        context: {
          background: "#0C1216",
          light: "#4D79A8",
          border: "#1d252b",
          hoverColor: "#1E2A32",
          buttonFocus: "#202836",
          flagBg: "#202836",
          inputBg: "#202836",
          buttonOverInputHover: "#283040",
          inputPlaceholder: "#374A56",
          cardBorder: "#1B262E",
          slider: "#8787A8",
          sliderFilled: "#A75FC9",
          error: "#E44F4F",

          buttons: {
            list: "#161C26",
            active: "#0D1317"
          },

          type: {
            main: "#617A8A",
            secondary: "#374A56",
            accent: "#A570FA"
          }
        }
      }
    }
  }
}