sober/dist/core/theme.d.ts

Sober is a library of UI components designed with reference to Material You.

export declare const enum Theme {
    colorScrim = "#000000",
    colorPrimary = "#006782",
    colorOnPrimary = "#ffffff",
    colorPrimaryContainer = "#BAEAFF",
    colorOnPrimaryContainer = "#004D62",
    colorSecondary = "#4C616B",
    colorOnSecondary = "#ffffff",
    colorSecondaryContainer = "#CFE6F1",
    colorOnSecondaryContainer = "#354A53",
    colorTertiary = "#5C5B7E",
    colorOnTertiary = "#ffffff",
    colorTertiaryContainer = "#E2DFFF",
    colorOnTertiaryContainer = "#444465",
    colorError = "#BA1A1A",
    colorOnError = "#ffffff",
    colorErrorContainer = "#FFDAD6",
    colorOnErrorContainer = "#93000A",
    colorBackground = "#F8F9FB",
    colorOnBackground = "#191C1E",
    colorOutline = "#70787D",
    colorOutlineVariant = "#C0C8CC",
    colorSurface = "#F8F9FB",
    colorOnSurface = "#191C1E",
    colorSurfaceVariant = "#DCE4E8",
    colorOnSurfaceVariant = "#40484C",
    colorInverseSurface = "#2E3132",
    colorInverseOnSurface = "#EFF1F3",
    colorInversePrimary = "#60D4FE",
    colorSurfaceContainerLowest = "#FFFFFF",
    colorSurfaceContainerLow = "#F2F4F5",
    colorSurfaceContainer = "#ECEEF0",
    colorSurfaceContainerHigh = "#E7E8EA",
    colorSurfaceContainerHighest = "#E1E3E4",
    /**custom**/
    colorSuccess = "#006d43",
    colorOnSuccess = "#ffffff",
    colorSuccessContainer = "#92f7bc",
    colorOnSuccessContainer = "#002111",
    colorWarning = "#6f5d00",
    colorOnWarning = "#ffffff",
    colorWarningContainer = "#ffe169",
    colorOnWarningContainer = "#221b00",
    /**en custom**/
    colorDarkPrimary = "#60D4FE",
    colorDarkOnPrimary = "#003545",
    colorDarkPrimaryContainer = "#004D62",
    colorDarkOnPrimaryContainer = "#BAEAFF",
    colorDarkSecondary = "#B4CAD5",
    colorDarkOnSecondary = "#1E333C",
    colorDarkSecondaryContainer = "#354A53",
    colorDarkOnSecondaryContainer = "#CFE6F1",
    colorDarkTertiary = "#C4C3EA",
    colorDarkOnTertiary = "#2D2D4D",
    colorDarkTertiaryContainer = "#444465",
    colorDarkOnTertiaryContainer = "#E2DFFF",
    colorDarkError = "#FFB4AB",
    colorDarkOnError = "#690005",
    colorDarkErrorContainer = "#93000A",
    colorDarkOnErrorContainer = "#FFDAD6",
    colorDarkBackground = "#111415",
    colorDarkOnBackground = "#E1E3E4",
    colorDarkOutline = "#8A9296",
    colorDarkOutlineVariant = "#40484C",
    colorDarkSurface = "#111415",
    colorDarkOnSurface = "#E1E3E4",
    colorDarkSurfaceVariant = "#40484C",
    colorDarkOnSurfaceVariant = "#C0C8CC",
    colorDarkInverseSurface = "#E1E3E4",
    colorDarkInverseOnSurface = "#2E3132",
    colorDarkInversePrimary = "#006782",
    colorDarkSurfaceContainer = "#1D2022",
    colorDarkSurfaceContainerLowest = "#0C0F10",
    colorDarkSurfaceContainerLow = "#191C1E",
    colorDarkSurfaceContainerHigh = "#272A2C",
    colorDarkSurfaceContainerHighest = "#323537",
    /**custom**/
    colorDarkSuccess = "#76daa1",
    colorDarkOnSuccess = "#003920",
    colorDarkSuccessContainer = "#005231",
    colorDarkOnSuccessContainer = "#92f7bc",
    colorDarkWarning = "#e2c54b",
    colorDarkOnWarning = "#3a3000",
    colorDarkWarningContainer = "#544600",
    colorDarkOnWarningContainer = "#ffe169",
    /**en custom**/
    elevationLevel1 = "0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)",
    elevationLevel2 = "0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)",
    elevationLevel3 = "0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)",
    elevationLevel4 = "0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)",
    elevationLevel5 = "0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)",
    motionDurationShort1 = "50ms",
    motionDurationShort2 = "100ms",
    motionDurationShort3 = "150ms",
    motionDurationShort4 = "200ms",
    motionDurationMedium1 = "250ms",
    motionDurationMedium2 = "300ms",
    motionDurationMedium3 = "350ms",
    motionDurationMedium4 = "400ms",
    motionDurationLong1 = "450ms",
    motionDurationLong2 = "500ms",
    motionDurationLong3 = "550ms",
    motionDurationLong4 = "600ms",
    motionDurationExtraLong1 = "700ms",
    motionDurationExtraLong2 = "800ms",
    motionDurationExtraLong3 = "900ms",
    motionDurationExtraLong4 = "1000ms",
    motionEasingEmphasized = "cubic-bezier(0.2, 0, 0, 1.0)",
    motionEasingEmphasizedDecelerate = "cubic-bezier(0.05, 0.7, 0.1, 1.0)",
    motionEasingEmphasizedAccelerate = "cubic-bezier(0.3, 0, 0.8, 0.15)",
    motionEasingStandard = "cubic-bezier(0.2, 0, 0, 1.0)",
    motionEasingStandardDecelerate = "cubic-bezier(0, 0, 0, 1)",
    motionEasingStandardAccelerate = "cubic-bezier(0.3, 0, 1, 1)"
}