revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-18 03:20:59 +01:00
Code Issues Releases Wiki Activity

Add Indigo header, fix colors and hovers

Browse source 
Summary: This adds Phacility "Indigo" as well as uses rgba for colors and hovers improving icon colors.

Test Plan:
Tested each color and hover states. Set test instance to scootaloo.

{F310660}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D11836
This commit is contained in:
Chad Little 2015-02-20 10:47:33 -08:00
parent 0a0ac11429
commit c29fd51188
6 changed files with 67 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/
return array(
'names' => array(
'core.pkg.css' => '64aeadfc',
'core.pkg.css' => 'a605a99b',
'core.pkg.js' => '23d653bb',
'darkconsole.pkg.js' => '8ab24e01',
'differential.pkg.css' => '380f07e5',
@ -35,7 +35,7 @@ return array(
'rsrc/css/aphront/typeahead.css' => '0e403212',
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
'rsrc/css/application/auth/auth.css' => '1e655982',
'rsrc/css/application/base/main-menu-view.css' => '83766540',
'rsrc/css/application/base/main-menu-view.css' => 'c32b228a',
'rsrc/css/application/base/notification-menu.css' => '6aa0a74b',
'rsrc/css/application/base/phabricator-application-launch-view.css' => '16ca323f',
'rsrc/css/application/base/standard-page-view.css' => '60d0df9a',
@ -151,7 +151,7 @@ return array(
'rsrc/css/phui/phui-workpanel-view.css' => 'e495a5cc',
'rsrc/css/sprite-gradient.css' => '4bdb98a7',
'rsrc/css/sprite-login.css' => 'a355d921',
'rsrc/css/sprite-main-header.css' => '92720ee2',
'rsrc/css/sprite-main-header.css' => '12c32a0b',
'rsrc/css/sprite-menu.css' => '9ef76324',
'rsrc/css/sprite-projects.css' => 'b0d9e24f',
'rsrc/css/sprite-tokens.css' => '1706b943',
@ -329,7 +329,7 @@ return array(
'rsrc/image/sprite-gradient.png' => 'ec15a417',
'rsrc/image/sprite-login-X2.png' => '5ae6de3a',
'rsrc/image/sprite-login.png' => '07f2c67c',
'rsrc/image/sprite-main-header.png' => '83521873',
'rsrc/image/sprite-main-header.png' => '2f8f4c8d',
'rsrc/image/sprite-menu-X2.png' => '1c90d7bc',
'rsrc/image/sprite-menu.png' => '619781ee',
'rsrc/image/sprite-projects-X2.png' => '8c91c839',
@ -729,7 +729,7 @@ return array(
'phabricator-hovercard-view-css' => '893f4783',
'phabricator-keyboard-shortcut' => '1ae869f2',
'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
'phabricator-main-menu-view' => '83766540',
'phabricator-main-menu-view' => 'c32b228a',
'phabricator-nav-view-css' => '7aeaf435',
'phabricator-notification' => '0c6946e7',
'phabricator-notification-css' => '9c279160',
@ -824,7 +824,7 @@ return array(
'setup-issue-css' => '22270af2',
'sprite-gradient-css' => '4bdb98a7',
'sprite-login-css' => 'a355d921',
'sprite-main-header-css' => '92720ee2',
'sprite-main-header-css' => '12c32a0b',
'sprite-menu-css' => '9ef76324',
'sprite-projects-css' => 'b0d9e24f',
'sprite-tokens-css' => '1706b943',

BIN
resources/sprite/main_header/indigo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 943 B

87
resources/sprite/manifest/main-header.json
View file

@ -1,55 +1,60 @@
{
"version" : 1,
"sprites" : {
"main-header-applebloom" : {
"name" : "main-header-applebloom",
"rule" : ".main-header-applebloom",
"hash" : "64822776b129e724709983db1ac5a712"
"version": 1,
"sprites": {
"main-header-applebloom": {
"name": "main-header-applebloom",
"rule": ".main-header-applebloom",
"hash": "64822776b129e724709983db1ac5a712"
},
"main-header-blue" : {
"name" : "main-header-blue",
"rule" : ".main-header-blue",
"hash" : "b5dd317b7bd35e0592b3f4b66267437c"
"main-header-blue": {
"name": "main-header-blue",
"rule": ".main-header-blue",
"hash": "b5dd317b7bd35e0592b3f4b66267437c"
},
"main-header-dark" : {
"name" : "main-header-dark",
"rule" : ".main-header-dark",
"hash" : "817815d84c0c935b4875f6ecc7dbb526"
"main-header-dark": {
"name": "main-header-dark",
"rule": ".main-header-dark",
"hash": "817815d84c0c935b4875f6ecc7dbb526"
},
"main-header-fluttershy" : {
"name" : "main-header-fluttershy",
"rule" : ".main-header-fluttershy",
"hash" : "55d4e9f813cf354693290105cf83cf78"
"main-header-fluttershy": {
"name": "main-header-fluttershy",
"rule": ".main-header-fluttershy",
"hash": "55d4e9f813cf354693290105cf83cf78"
},
"main-header-green" : {
"name" : "main-header-green",
"rule" : ".main-header-green",
"hash" : "c230f09e307d167fab3ea0d8c3b33755"
"main-header-green": {
"name": "main-header-green",
"rule": ".main-header-green",
"hash": "c230f09e307d167fab3ea0d8c3b33755"
},
"main-header-nightmaremoon" : {
"name" : "main-header-nightmaremoon",
"rule" : ".main-header-nightmaremoon",
"hash" : "9e7cc7b18d2132d2dd47586ba0cd6400"
"main-header-indigo": {
"name": "main-header-indigo",
"rule": ".main-header-indigo",
"hash": "a27394ff1eff4d24398ec57e54d7f5fd"
},
"main-header-red" : {
"name" : "main-header-red",
"rule" : ".main-header-red",
"hash" : "3f12cc098afddb8e6c830ef761dcaa61"
"main-header-nightmaremoon": {
"name": "main-header-nightmaremoon",
"rule": ".main-header-nightmaremoon",
"hash": "9e7cc7b18d2132d2dd47586ba0cd6400"
},
"main-header-scootaloo" : {
"name" : "main-header-scootaloo",
"rule" : ".main-header-scootaloo",
"hash" : "8cedc359dccab1bbd49cbc69940f566a"
"main-header-red": {
"name": "main-header-red",
"rule": ".main-header-red",
"hash": "3f12cc098afddb8e6c830ef761dcaa61"
},
"main-header-yellow" : {
"name" : "main-header-yellow",
"rule" : ".main-header-yellow",
"hash" : "d920e70a6d2662cfb83e1d7e4b4000fd"
"main-header-scootaloo": {
"name": "main-header-scootaloo",
"rule": ".main-header-scootaloo",
"hash": "8cedc359dccab1bbd49cbc69940f566a"
},
"main-header-yellow": {
"name": "main-header-yellow",
"rule": ".main-header-yellow",
"hash": "d920e70a6d2662cfb83e1d7e4b4000fd"
}
},
"scales" : [
"scales": [
1
],
"header" : "\/**\n * @provides sprite-main-header-css\n * @generated\n *\/\n\n.sprite-main-header {\n background-image: url(\/rsrc\/image\/sprite-main-header.png);\n background-repeat: repeat-x;\n}\n\n\n",
"type" : "repeat-x"
"header": "\/**\n * @provides sprite-main-header-css\n * @generated\n *\/\n\n.sprite-main-header {\n background-image: url(\/rsrc\/image\/sprite-main-header.png);\n background-repeat: repeat-x;\n}\n\n\n",
"type": "repeat-x"
}

15
webroot/rsrc/css/application/base/main-menu-view.css
View file

@ -63,7 +63,7 @@
}
.device-desktop .phabricator-main-menu-brand:hover {
background-color: rgba(0,0,0,.6);
background-color: rgba(0,0,0,.33);
cursor: hand;
}
@ -280,6 +280,10 @@
float: left;
}
.alert-notifications .phui-icon-view {
color: rgba(200,200,200, .5);
}
.alert-notifications:hover .phui-icon-view {
color: #fff;
}
@ -416,7 +420,7 @@
font-size: 20px;
height: 20px;
width: 20px;
color: #d7d7d7;
color: rgba(255,255,255,.8);
margin: 8px;
text-align: center;
vertical-align: middle;
@ -441,14 +445,9 @@
display: block;
}
.device-desktop .main-header-dark .phabricator-application-menu
.core-menu-item.phui-list-item-view:hover {
background-color: rgba(0,0,0,.6);
}
.device-desktop .phabricator-application-menu
.core-menu-item.phui-list-item-view:hover {
box-shadow: inset 0 5px 10px rgba(0,0,0,0.5);
background-color: rgba(0,0,0,.33);
border-radius: 3px;
color: #fff;
}

12
webroot/rsrc/css/sprite-main-header.css
View file

@ -31,18 +31,22 @@
background-position: 0px -180px;
}
.main-header-nightmaremoon {
.main-header-indigo {
background-position: 0px -225px;
}
.main-header-red {
.main-header-nightmaremoon {
background-position: 0px -270px;
}
.main-header-scootaloo {
.main-header-red {
background-position: 0px -315px;
}
.main-header-yellow {
.main-header-scootaloo {
background-position: 0px -360px;
}
.main-header-yellow {
background-position: 0px -405px;
}

BIN
webroot/rsrc/image/sprite-main-header.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB