[gaia-theme] Add new header styling to gaia-theme

NEW
Unassigned

Status

Firefox OS
Gaia
3 years ago
3 years ago

People

(Reporter: epang, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [lightsaber])

Attachments

(1 attachment)

(Reporter)

Description

3 years ago
Created attachment 8592740 [details]
Headers.jpg

Add a new header style to gaia-theme that can be used by the new hackphone apps.

Background colour:
#9aafc0

Icons and Text: 
#ffffff
(Reporter)

Comment 1

3 years ago
Hey Wilson, do youu have some time to help out with this?
Flags: needinfo?(wilsonpage)
(In reply to Eric Pang [:epang] from comment #1)
> Hey Wilson, do youu have some time to help out with this?

It's quite simple to create a new sub-theme in gaia-theme.css.

1. Copy/paste one of the existing sub-themes (eg. `.theme-settings`)
2. Change the class (eg. `.theme-ignite`)
3. Change the variables (eg. `--background: pink`)
4. Change the theme class in you app of choice (eg. `<body class="theme-ignite">`)

Let me know if any of this is unclear :)
Flags: needinfo?(wilsonpage)
You need to log in before you can comment on or make changes to this bug.