import { DefaultTheme } from 'styled-components';
declare module 'styled-components' {
    interface DefaultTheme {
        /**
         * The height of the subjects tab bar
         */
        tabHeight: number;
        /**
         * The height of the subjects tab bar on small screens.
         */
        tabHeightSmall: number;
        /**
         * Optional rounding for the top left corner of the subjects tab bar.
         */
        tabBarTopLeftRadius: number;
        /**
         * Optional rounding for the top right corner of the subjects tab bar.
         */
        tabBarTopRightRadius: number;
        /**
         * Horizontal padding to use around the story, in pixels.
         */
        storyPaddingH: number;
        /**
         * Vertical padding to use around the story, in pixels.
         */
        storyPaddingV: number;
        /**
         * The CSS height to use for subjects on small screens.
         */
        subjectsMobileHeight: string;
        colors: {
            brand: string;
            brandAccentDark: string;
            bgPage: string;
            bgStory: string;
            bgSubjects: string;
            bgSubjectsDarker: string;
            bgHighlightOverlay: string;
            bgInactiveEffect: string;
            text: string;
            textSlightlyFaded: string;
            textVeryFaded: string;
            link: string;
            linkOver: string;
            active: string;
            connections: string;
        };
        breakpointsInPixels: {
            xs: number;
            s: number;
            m: number;
            l: number;
            xl: number;
        };
        breakpoints: {
            xs: string;
            s: string;
            m: string;
            l: string;
            xl: string;
        };
        fontSize: {
            xs: string;
            s: string;
            m: string;
            l: string;
            xl: string;
        };
        rounding: {
            xs: string;
            s: string;
            m: string;
            l: string;
            xl: string;
        };
        ease: {
            [key: string]: string;
        };
    }
}
export declare const theme: DefaultTheme;
export type Theme = typeof theme;
export type ThemePartial = Partial<Theme>;