harvest-dev team mailing list archive

[Dylan McCall <dylanmccall@xxxxxxxxx>]

Public bug reported:

We should use a CSS preprocessor that lets us assign commonly used
properties specific variable names (which would give style.css nice
self-documenting properties) or create a document that specifies some
design guidelines including text styles used in Harvest.

For now, as a general idea, full black text colour is reserved for the
most important bit of a page; the packages (which people click on) and
their respective opportunities, for example.

The following are fairly well defined:

Important stuff: rgb(0, 0, 0) (#000000)
Regular text: rgb(51, 51, 51) (#333333)
Page titles and related metadata (like “X hidden opportunities”): rgb(80, 80, 80) (#505050)
Temporary hints (input placeholder text and results-messages): rgb(120, 120, 120) (#787878)
Extra stuff like the copyright note: rgb(180, 180, 180) (#B4B4B4)


Whether the current design is a good idea or not is for another discussion :)

** Affects: harvest
     Importance: Wishlist
         Status: Triaged

** Changed in: harvest
   Importance: Undecided => Wishlist

** Changed in: harvest
       Status: New => Triaged

-- 
It is unclear how to style new elements in Harvest
https://bugs.launchpad.net/bugs/658935
You received this bug notification because you are a member of harvest-
dev, which is the registrant for harvest.

Status in Harvest Service: Triaged

Bug description:
We should use a CSS preprocessor that lets us assign commonly used properties specific variable names (which would give style.css nice self-documenting properties) or create a document that specifies some design guidelines including text styles used in Harvest.

For now, as a general idea, full black text colour is reserved for the most important bit of a page; the packages (which people click on) and their respective opportunities, for example.

The following are fairly well defined:

Important stuff: rgb(0, 0, 0) (#000000)
Regular text: rgb(51, 51, 51) (#333333)
Page titles and related metadata (like “X hidden opportunities”): rgb(80, 80, 80) (#505050)
Temporary hints (input placeholder text and results-messages): rgb(120, 120, 120) (#787878)
Extra stuff like the copyright note: rgb(180, 180, 180) (#B4B4B4)


Whether the current design is a good idea or not is for another discussion :)