GreenReport project

Features

check

8 Light themes

check

8 Dark themes

check

RTL Support

check

24 Icons

check

ARIA Markup

check

Full Responsive

Get started

This project uses svg sprites (not fonts icons, but you can generate them, see source directory). Svg sprites do not have to be in the document, you can use external svg file example.

Css was generated with support for two directions (LTR+RTL, just turn dir attr in html tag), I can generate without this feature.

Thanks to my new web framework, I generated 8 themes for you and an inversion for them. You just need one css file to get started:

<link rel="stylesheet" href="css/app.css">

If you need inversion, include an additional file and assign .un-inverse class to html tag:

<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="app-inverse.css">

<html lang="en" dir="ltr" class="un-inverse"></html>

If you need other themes, you must include them additionally and assign .un-theme-violet class with theme name to html tag!

<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="app-inverse.css">

<link rel="stylesheet" href="css/app.theme-violet.css">
<link rel="stylesheet" href="css/app.theme-violet-inverse.css">
<html lang="en" dir="ltr" class="un-inverse un-theme-violet"></html>

If you want a different default theme, you need to generate a new sass release with gr sass component using ungic or ask me.

Themes

default

Default

default

Greenzy

default

Margarita

default

Olivia

default

Rose

default

Viola

default

Violet

default

Darkela

Icons

Click on the icon to get its ID

camera
check
close
document
down
down arrow
email
eye
filter
help
info
logo
logo2
logout
minus
open menu
plus
project
return
search
settings
star
upload
user

Pages

document Auth page
Links: xd, xd
document Form
Links: xd
document MTA form
Links: xd
document Projects
Links: xd
document Customize settings
Links: xd
document System settings (Default)
Links: xd
document Profile
Links: xd

it has demo of fixed navbar and sidebar but in collapse mode

document Info
Links: xd

It has demo of fixed navbar only

document Project settins
Links: xd
document Project details

Missing background image

Links: xd
document Project history
Links: xd
document Create project
Links: xd
document Export settings 1
Links: xd
document Export settings 2
Links: xd
document Export settings 3
Links: xd
document Export settings 4
Links: xd
document High level
Links: xd
document Dashboard
Links: xd
document Schedule Logic Analysis
Links: xd
document PAS and forecast
Links: xd
document Completion Pace Forecast
Links: xd
document Milestonest
Links: xd
document Milestonest
Links: xd
document Comparison Last Period
Links: xd
document Critical Path
Links: xd
document Activity Analysis
Links: xd
document Single Schedule Comparison
Links: xd
document Schedule Logic Analysis popup (mix form)
Links: xd, xd

You can use .md,.lg,.sm,.auto helpers for modal size

document Critical Path popup
Links: xd

You can use .md,.lg,.sm,.auto helpers for modal size

document Single Critical Path
Links: xd
document High level 3
Links: xd
document Single Activity Analysis
Links: xd
document Single S curve
Links: xd