Introduction

useArcTheme() is a React hook to get Arc browser theme's color.

Installation

To get started with use-arc-theme, you need to install it into your project using npm:

npm i use-arc-theme

Usage

Once use-arc-theme is installed, you can use the Arc browser theme's colors in your project. Here's an example of how to do it:

import React from "react";
import { useArcTheme } from "use-arc-theme";

export const Page = () => {
  const { background, title } = useArcTheme();

  return (
    <div style={{ backgroundColor: background }}>
      <h1 style={{ color: title }}>Hello Arc Theme</h1>
    </div>
  );
};

Support Colors

• primary
• secondary
• tertiary
• background
• backgroundExtra
• backgroundSimple
• backgroundGradientStart
• backgroundGradientEnd
• bakcgroundGradientOverlayStart
• backgroundGradientOverlayEnd
• maxContrast
• minContrast
• focus
• hover
• cutout
• title
• subtitle