revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-09-20 17:28:51 +02:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/base/phui-theme.css

120 lines
3.1 KiB
CSS
Raw Normal View History

[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
/**
* @provides phui-theme-css
*/
Remove header gradients for flat colors Summary: Removes header gradient images for flat, CSS controlled colors. I didn't convert the "pony" colors over, going with few options for easier theme-ability. Test Plan: Test each color choice. {F1063828} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15052
2016-01-19 05:59:06 +01:00
/*--- Base 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: #4a2b85;
}
.phui-theme-red .phabricator-main-menu-background {
background: #650404;
}
.phui-theme-blue .phabricator-main-menu-background {
background: #004377;
}
.phui-theme-green .phabricator-main-menu-background {
background: #124A1B;
}
/*--- Light Colors -----------------------------------------------------------*/
.phui-theme-light button.phabricator-main-menu-search-dropdown .caret:before {
[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
color: {$lightbluetext};
}
Remove header gradients for flat colors Summary: Removes header gradient images for flat, CSS controlled colors. I didn't convert the "pony" colors over, going with few options for easier theme-ability. Test Plan: Test each color choice. {F1063828} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15052
2016-01-19 05:59:06 +01:00
.phui-theme-light .phabricator-main-menu-search
[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
button.phabricator-main-menu-search-dropdown .phui-icon-view {
color: {$lightbluetext};
text-shadow: {$whitetextshadow};
}
.phui-theme-light .alert-notifications .phui-icon-view {
color: {$lightbluetext};
text-shadow: {$whitetextshadow};
}
.phui-theme-light .phabricator-application-menu
.phui-list-item-icon.phui-font-fa {
color: {$lightbluetext};
text-shadow: {$whitetextshadow};
}
[Redesign] Fix some theme issues Summary: Ref T8099, test a few themes and fix some inconsistencies. Test Plan: Lots of changing headers, checking colors. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13466
2015-06-29 02:59:48 +02:00
.device-desktop.phui-theme-light .phabricator-main-menu-search
[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
button.phabricator-main-menu-search-dropdown:hover .phui-icon-view {
color: {$sky};
}
[Redesign] Fix some theme issues Summary: Ref T8099, test a few themes and fix some inconsistencies. Test Plan: Lots of changing headers, checking colors. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13466
2015-06-29 02:59:48 +02:00
.device-desktop.phui-theme-light .phabricator-application-menu
[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
.core-menu-item.phui-list-item-view:hover
.phui-list-item-icon.phui-font-fa {
color: {$sky};
}
.phui-theme-light .phabricator-menu-button-icon.phui-icon-view {
color: {$bluetext};
text-shadow: {$whitetextshadow};
}
[Redesign] Touch up sidenav UI Summary: Ref T8099, lots of little tweaks, mostly to icon nav. Test Plan: Test side navigation elements on home, workboards, conpherence, and maniphest Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13456
2015-06-26 16:32:18 +02:00
.device-desktop.phui-theme-light .phabricator-main-menu-brand:hover {
background-color: rgba(55,55,55,.08);
cursor: hand;
}
[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
/*--- Messages / Notifications -----------------------------------------------*/
[Redesign] Fix some theme issues Summary: Ref T8099, test a few themes and fix some inconsistencies. Test Plan: Lots of changing headers, checking colors. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13466
2015-06-29 02:59:48 +02:00
.device-desktop.phui-theme-light .alert-notifications:hover .phui-icon-view {
[Redesign] Uh... Add back gradient headers? Summary: Ref T8099, hashtag#yolo. Adds back the original gradients plus a 'light' theme. Unclear which should be default, but we can play with it until a decision needs to be made. Test Plan: Change colors a lot, turn on durable column. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13146
2015-06-04 05:21:12 +02:00
color: {$sky};
}
.phui-theme-light .alert-unread .phabricator-main-menu-alert-icon,
.phui-theme-light .message-unread .phabricator-main-menu-message-icon {
color: {$sky};
}
.phui-theme-light .phabricator-main-menu-alert-count,
.phui-theme-light .phabricator-main-menu-message-count,
.phui-theme-light .phui-icon-view.menu-icon-selected {
color: {$sky};
}
/*--- Durable Column ---------------------------------------------------------*/
.phui-theme-light .conpherence-durable-column-header-text,
.phui-theme-light .conpherence-durable-column-header-text .phui-icon-view {
color: {$bluetext};
}
.phui-theme-light .conpherence-durable-column-header {
border-left: 1px solid {$lightblueborder};
border-right: 1px solid {$lightblueborder};
}
[Redesign] Darken things when dark header is used Summary: Ref T8099, uses original bgcolor when dark headers are used. Test Plan: Switch between light and dark Phabricator, see new colors. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13361
2015-06-20 14:16:47 +02:00
/*--- Dark "Classic" ---------------------------------------------------------*/
.phui-theme-dark {
Modularize Celerity postprocessors Summary: Not sure if we want this, but it seems to work fine. Test Plan: {F516736} Reviewers: joshuaspence, chad Reviewed By: joshuaspence, chad Subscribers: joshuaspence, epriestley Differential Revision: https://secure.phabricator.com/D13363
2015-06-20 15:10:42 +02:00
background-color: {$page.background.dark};
[Redesign] Darken things when dark header is used Summary: Ref T8099, uses original bgcolor when dark headers are used. Test Plan: Switch between light and dark Phabricator, see new colors. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13361
2015-06-20 14:16:47 +02:00
}
.phui-theme-dark .phui-box-border {
border-color: {$lightblueborder};
border-bottom-color: {$blueborder};
}
/*--- Blindigo "Phacility" ---------------------------------------------------*/
.phui-theme-blindigo {
background-color: #F1F1F4;
}
Copy permalink