Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kyuvi/cljd-flutter-color-viewer

A Simple Application to view the colors built into Flutter (written in ClojureDart)
https://github.com/kyuvi/cljd-flutter-color-viewer

clojure clojuredart dart flutter

Last synced: about 2 months ago
JSON representation

A Simple Application to view the colors built into Flutter (written in ClojureDart)

Awesome Lists containing this project

README

        

#+title: Flutter Color Viewer (in ClojureDart)
#+OPTIONS: \n:t

A simple application to view the color constants of flutter (except transparent) and their corresponding numerical values.

* Overview
Click on a colored box/container to show the provided accents and shades of that partaicular color, or the alpha/opacity variants in the case of white or black, Clicking on one of those shows a full breakdown of all the values (red, green, blue, alpha and opacity) of that color.

This app can be found online [[https://kyuvi.codeberg.page/Cljd-Flutter-Color-Viewer/@main/web-build/][here]].

* Setup
** Dependencies
- Dart (>= 3.1),
- Flutter (> 3.13),
- [[https://clojure.org][Clojure]] (>= 1.11),
- [[https://github.com/Tensegritics/ClojureDart][ClojureDart]].

** Bulid instructions
From the root folder (containing this README), initialize and compile the ClojureDart code to dart from the command line.

#+BEGIN_SRC sh
clj -M:cljd init

clj -M:cljd compile
#+END_SRC

Then build with flutter for appropriate platform (see =flutter build --help=)
i.e. to build for linux,

#+BEGIN_SRC shell
flutter build linux
#+END_SRC

* Motivation
Written to experiment with [[https://github.com/Tensegritics/ClojureDart][ClojueDart]] and also so I have a way to view the color constants of flutter easily.