Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Sign in / Register
  • D design
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 20
    • Issues 20
    • List
    • Boards
    • Service Desk
    • Milestones
    • Iterations
    • Requirements
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
    • Test Cases
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Code review
    • Insights
    • Issue
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • pubsweet
  • design
  • Issues
  • #9

Closed
Open
Created Jan 26, 2018 by Yannis Barlas@yannisMaintainer

Hover / Interaction colors

It is very common to use a variation of the color of an element when hovering over it to indicate interaction.
It becomes hard though to be generic.

If we were to define a primaryColor, then we'd also need a primaryColorInteraction.
We could do the same for a secondaryColor, but if one were to introduce another one, then you'd need yet another variable for interaction.

A smarter approach might be to use a function on the components along the lines of this one that would shade the current background color of an element.

An alternative approach would be to have one interactive color for all elements, regardless of their current color.

It goes without saying that any of the above could be overriden in a custom theme, so this is more of a question of what is a more sensible default approach.

Edited Jan 26, 2018 by Yannis Barlas
Assignee
Assign to
Time tracking