Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cappyzawa/elm-ui-colors
The colors for https://github.com/mdgriffith/elm-ui
https://github.com/cappyzawa/elm-ui-colors
Last synced: about 2 months ago
JSON representation
The colors for https://github.com/mdgriffith/elm-ui
- Host: GitHub
- URL: https://github.com/cappyzawa/elm-ui-colors
- Owner: cappyzawa
- License: bsd-3-clause
- Created: 2019-08-24T07:36:05.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-07-11T07:56:53.000Z (over 4 years ago)
- Last Synced: 2024-05-09T14:25:38.181Z (8 months ago)
- Language: Elm
- Size: 6.84 KB
- Stars: 4
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# elm-ui-colors
[](https://opensource.org/licenses/BSD-3-Clause)
elm packages: [elm\-ui\-colors](https://package.elm-lang.org/packages/cappyzawa/elm-ui-colors/latest/)
The color schemes using https://github.com/mdgriffith/elm-ui
## Color Reference
*OneDark*
## Install
```bash
$ elm install cappyzawa/elm-ui-colors
```
## Example
```elm
module Main exposing (main)
{-| -}
import Element exposing (..)
import Element.Background as Background
import Element.Font as Font
import Element.Input
import Element.Lazy
import OneDark exposing (..)
main =
Element.layout
[ Background.color OneDark.black
, Font.color OneDark.white
, Font.regular
, Font.size 32
, Font.family
[ Font.external
{ url = "https://fonts.googleapis.com/earlyaccess/notosansjp.css"
, name = "Noto Sans JP"
}
, Font.sansSerif
]
]
<|
column
[ centerX, centerY ]
[ el
[ Font.color OneDark.white ]
(text "white")
, el
[ Font.color OneDark.black ]
(text "black")
, el
[ Font.color OneDark.green ]
(text "green")
, el
[ Font.color OneDark.blue ]
(text "blue")
, el
[ Font.color OneDark.cyan ]
(text "cyan")
, el
[ Font.color OneDark.magenta ]
(text "magenta")
, el
[ Font.color OneDark.darkRed ]
(text "darkRed")
, el
[ Font.color OneDark.lightRed ]
(text "lightRed")
, el
[ Font.color OneDark.darkYellow ]
(text "darkYellow")
, el
[ Font.color OneDark.lightYellow ]
(text "lightYellow")
, el
[ Font.color OneDark.gutterGrey ]
(text "gutterGrey")
, el
[ Font.color OneDark.commentGrey ]
(text "commentGrey")
]
```