Retro orange and gray

Github page sources:

custom.php: Main file for this page

Find mode details about this page on the GitHub Wiki Page.

Theme information

Name

Description

Interface

Top-bottom bar text

Top-bottom bar background

Three line button

Three line button (hover)

Menu text

Menu background

Page title

Header background

Tab text

Tab background

Background

Text

Panel

Title

Background

Seconday background

Border

Forms

Input border

Input icon

Input background

Input text

Input label

Button background

Button background (hover)

Button text

Loading

Background effect

The BLUR effect has an important impact on performance and can cause stagging of the main animation.

Loading A

Loading B

Steps: Background

Steps: Border

Steps: Text

Steps left progress

Steps right progress

Other colors

Link

Link hover

Valid

Warning

Shadows

Information

Example Low contrast Warning

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Inline button

Nullam augue nunc, suscipit et velit ac.

Mauris eget maximus orci, a aliquet nisi.

Vestibulum vitae ante imperdiet, congue ligula sed.

Suspendisse non suscipit dolor.

Fusce eu ex sit amet ligula euismod finibus.

Form example

Example

Example inputs for colors preview

Invalid input

This input is always invalid

Valid input

This input is always valid

Time

Time (Select)

Select

Animations

Loading (3 sec)

Loading (steps)

Large message

Small message