1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-25 06:50:55 +01:00
phorge-phorge/webroot/rsrc/css/application/base/phui-theme.css
Chad Little c9119306d7 Extend PHUITheme to include Profile Nav
Summary: Reasonable first pass, removes the "light" header, due to pain of upkeep. Reinforces UI color into the Profile Nav (and later likely dropmenu hovers). Most of this is reasonably easy to maintain now, but I may do a more accurate color pass after I get some more time together with it. For now this feels pretty good if you're developing in a different color UI.

Test Plan:
Switch between all the colors, hover over all the states.

{F1076766}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15120
2016-01-27 13:56:04 -08:00

77 lines
1.9 KiB
CSS

/**
* @provides phui-theme-css
*/
/*--- Header Colors ----------------------------------------------------------*/
.phui-theme-blindigo .phabricator-main-menu-background {
background: #41506e;
}
.phui-theme-dark .phabricator-main-menu-background {
background: #171c20;
}
.phui-theme-indigo .phabricator-main-menu-background {
background: #2C1D4A;
}
.phui-theme-red .phabricator-main-menu-background {
background: #650404;
}
.phui-theme-blue .phabricator-main-menu-background {
background: #003965;
}
.phui-theme-green .phabricator-main-menu-background {
background: #124A1B;
}
/*--- Profile Nav Colors -----------------------------------------------------*/
.phui-theme-blindigo .phui-profile-menu .phabricator-side-menu,
.phui-theme-blindigo .phabricator-side-menu .phui-profile-menu-footer-1 {
background: #525867;
}
.phui-theme-dark .phui-profile-menu .phabricator-side-menu,
.phui-theme-dark .phabricator-side-menu .phui-profile-menu-footer-1 {
background: #30333A;
}
.phui-theme-indigo .phui-profile-menu .phabricator-side-menu,
.phui-theme-indigo .phabricator-side-menu .phui-profile-menu-footer-1 {
background: #423658;
}
.phui-theme-red .phui-profile-menu .phabricator-side-menu,
.phui-theme-red .phabricator-side-menu .phui-profile-menu-footer-1 {
background: #420C0C;
}
.phui-theme-blue .phui-profile-menu .phabricator-side-menu,
.phui-theme-blue .phabricator-side-menu .phui-profile-menu-footer-1 {
background: #062842;
}
.phui-theme-green .phui-profile-menu .phabricator-side-menu,
.phui-theme-green .phabricator-side-menu .phui-profile-menu-footer-1 {
background: #122916;
}
/*--- Dark "Classic Phabricator" ---------------------------------------------*/
.phui-theme-dark {
background-color: {$page.background.dark};
}
.phui-theme-dark .phui-box-border {
border-color: {$lightblueborder};
}
.phui-theme-dark .phui-box-grey {
background-color: {$page.background.dark};
}