Coder Social home page Coder Social logo

clarion's People

Contributors

flowchartsman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

clarion's Issues

Figure out what to do with the terminal

The terminal has only received tentative treatment, and the colors there are still based off of the base theme (WHITE). The terminal is the one place where the lack of color might prove too heavy of a lift, so we may need to consider allowing colors there or providing a less stringent theme variation that allows for it, since many developers are likely to keep a terminal open at all times

Cover all of the alpha color bases

Several theme colors require alpha to work properly so that they don't obscure content. Others might be better served by background variations, such as currently-highlighted line.

Reconsider "readability" requirement for conceptual colors

By conforming to WCAG-AA, the conceptual colors are readable against theme backgrounds, but this might not be strictly necessary, since many of the places they might appear will be in decorations or badges, and these should stand out more from the black foreground color. It might be a good idea to have the concept colors represent the base color and then derive a WCAG-compliant readable version.

Research alternate translation techniques

The CIELAB lightness translation to generate background/foreground color variants feels a little hackish and arbitrary. Foreground variants, especially, are kind of useless
Consider:

  • lightness-weighed CIEDE2000
  • translation through HSV or CIE-LChยฐ
  • something even better?

Please weigh in if this is in your wheelhouse

Is a dark theme possible according to the spec?

I would like to make this issue a discussion for the possibility of a dark background / light text theme and whether it is possible at all according to the guiding principles in this project.

I am curious if it conflicts with any of the principles, or if there may be good scientific reason to avoid a dark theme, or if you have any input in general on this topic since I have read conflicting non-scientific opinions on this topic.

Anecdotally, in my experience dark themes seem to have a positive effect on eye strain for long viewing periods with emissive and transmissive displays (dependent on ambient lighting), and on reflective or transflective displays it appears to have a negative effect.

Additionally light text on a dark background seems to make it harder to discern bold text depending on the specific font and font-weights, I wonder if maybe additional guidelines for font-weight may also be a topic of interest for this project.

Generate swatches and examples on build

The placeholder image swatches and text samples are a stopgap only; they should all be generated just like the themes. Because mktheme is Go, there's a decent image generation library already available, and routines could be written to generate nice swatches and samples of combinations of the various text colors and background colors to be imbedded directly in the docs.

Yellow and orange need some work.

The theme is still in its early days, and now that it's mostly styled, I have to be honest that the orange and yellow variants are not as pleasant to look at as the peach. Yellow, especially. Readability is great and all, but there's probably more research to be done on the intersection between readability and reduced eyestrain.

Rework borders

There are quite a few borders that could use cleanup or elimination, specifically around the currently-highlighted line. The dividing lines are probably also way too high contrast, so they should be softened or eliminated where possible.

Add a highlight color of some sort.

It might be good to have a concept color for "focus" or "current" to represent an object of particular, immediate focus. Or just make "notice" better as per #1

Consider bold and font size in contrast requirements

WCAG AA contrast requirements allow a relaxed contrast ratio of 3:1 for "large-scale" text, which is defined as "at least 18 point or 14 point bold" (emphasis mine). Given that 14pt is not outside of the realm of "normal" for most users and Clarion can control the use of bold text by default, it might be enough to relax the contrast requirements for colored text in at least the main editing area, provided the stipulation that the user would need to use this font size for maximum accessibility and contrast.

This requires some careful thought, as clarion still seeks to avoid unnecessary syntax highlighting as much as possible for coding, and the areas where this might prove the most immediately functional (i.e. visual diff displays) might suffer from the forced imposition of bold font weight.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.