website/frontend/src/Config/Style/Colour.elm

module Config.Style.Colour exposing (..)

import Element as E exposing (..)


type alias Theme =
    { textLightGrey : Color
    , textDarkGrey : Color
    , textLightOrange : Color
    , textDarkOrange : Color
    , textDeepDarkOrange : Color
    , backgroundLightGrey : Color
    , backgroundDarkGrey : Color
    , backgroundDeepDarkGrey : Color
    , shadow : Color
    , barGreen : Color
    , barRed : Color
    , debugColour : Color
    , transparent : Color
    }


type alias SyntaxColors =
    { punctuation : Color
    , key : Color
    , string : Color
    , keyword : Color
    , operator : Color
    , background : Color
    , text : Color
    }


colourTheme : Theme
colourTheme =
    { textLightGrey = rgb255 212 212 212
    , textDarkGrey = rgb255 126 126 126
    , textLightOrange = rgb255 204 102 0
    , textDarkOrange = rgb255 120 60 0
    , textDeepDarkOrange = rgb255 60 30 0
    , backgroundLightGrey = rgb255 40 40 40
    , backgroundDarkGrey = rgb255 30 30 30
    , backgroundDeepDarkGrey = rgb255 20 20 20
    , shadow = rgb255 10 10 10
    , barGreen = rgb255 0 102 0
    , barRed = rgb255 102 0 0
    , debugColour = rgb255 227 28 121
    , transparent = rgba 1 1 1 0
    }


syntaxTheme : SyntaxColors
syntaxTheme =
    { punctuation = rgb255 202 158 230
    , key = rgb255 138 173 244
    , string = rgb255 166 218 149
    , keyword = rgb255 245 169 127
    , operator = rgb255 178 185 194
    , background = rgb255 36 39 58
    , text = rgb255 202 211 245
    }