Closed Bug 1154670 Opened 9 years ago Closed 6 years ago

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

Categories

(Firefox OS Graveyard :: Gaia, defect)

x86
Gonk (Firefox OS)
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: epang, Unassigned)

Details

(Whiteboard: [lightsaber])

Attachments

(1 file)

Attached image 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
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)
Firefox OS is not being worked on
Status: NEW → RESOLVED
Closed: 6 years ago
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: