Variable colorsComponentsConst

Type declaration

• Readonlypage: {
      bg: { default: { value: "{colors.bg.default}" } };
      border: { default: { value: "{colors.line.default}" } };
      text: {
          default: { value: "{colors.fg.default}" };
          muted: { value: "{colors.fg.muted}" };
      };
  }

• Readonlycta: {
      primary: {
          bg: {
              default: { value: "{colors.bg.primary}" };
              hover: {
                  value: "{colors.bg.primary}";
                  modify: { type: "alpha"; value: "0.9" };
              };
          };
          border: { focus: { value: "{colors.line.primary}" } };
          text: {
              default: { value: "{colors.fg.onPrimary}" };
              hover: { value: "{colors.fg.onPrimary}" };
          };
      };
      secondary: {
          bg: {
              default: { value: "{colors.bg.secondary}" };
              hover: {
                  value: "{colors.bg.secondary}";
                  modify: { type: "alpha"; value: "0.9" };
              };
          };
          border: { focus: { value: "{colors.line.primary}" } };
          text: {
              default: { value: "{colors.fg.onSecondary}" };
              hover: { value: "{colors.fg.onSecondary}" };
          };
      };
  }

• Readonlylink: {
      primary: {
          text: {
              default: { value: "{colors.fg.primary}" };
              hover: {
                  value: "{colors.fg.primary}";
                  modify: { type: "alpha"; value: "0.9" };
              };
          };
      };
      secondary: {
          text: {
              default: { value: "{colors.fg.default}" };
              hover: {
                  value: "{colors.fg.default}";
                  modify: { type: "alpha"; value: "0.9" };
              };
          };
      };
  }

• Readonlyinput: {
      bg: { default: { value: "{colors.bg.default}" } };
      border: {
          default: { value: "{colors.line.heavy}" };
          focus: { value: "{colors.line.primary}" };
          error: { value: "{colors.line.negative}" };
          success: { value: "{colors.line.positive}" };
      };
      label: { default: { value: "{colors.fg.default}" } };
      placeholder: { default: { value: "{colors.fg.muted}" } };
      text: { default: { value: "{colors.fg.default}" } };
      errorText: { default: { value: "{colors.fg.negative}" } };
      successText: { default: { value: "{colors.fg.positive}" } };
  }

• Readonlyselect: {
      label: { default: { value: "{colors.fg.default}" } };
      trigger: {
          bg: { default: { value: "{colors.bg.default}" } };
          border: {
              default: { value: "{colors.line.heavy}" };
              focus: { value: "{colors.line.primary}" };
              error: { value: "{colors.line.negative}" };
              success: { value: "{colors.line.positive}" };
          };
          placeholder: { default: { value: "{colors.fg.muted}" } };
          text: { default: { value: "{colors.fg.default}" } };
          errorText: { default: { value: "{colors.fg.negative}" } };
          successText: { default: { value: "{colors.fg.positive}" } };
      };
      list: {
          bg: { default: { value: "{colors.bg.default}" } };
          border: {
              default: { value: "{colors.line.heavy}" };
              focus: { value: "{colors.line.primary}" };
              error: { value: "{colors.line.negative}" };
              success: { value: "{colors.line.positive}" };
          };
          item: {
              bg: {
                  default: { value: "{colors.bg.default}" };
                  highlight: { value: "{colors.bg.secondary}" };
              };
              text: {
                  default: { value: "{colors.fg.default}" };
                  muted: { value: "{colors.fg.muted}" };
                  onHighlight: { value: "{colors.fg.default}" };
                  mutedOnHighlight: { value: "{colors.fg.muted}" };
              };
          };
      };
  }