mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-30 02:32:42 +01:00
7d0d4708ca
Summary: These colors are also off from the icon change. Test Plan: Project -> Manage -> Edit Picture -> Choose Icon Reviewers: epriestley, 20after4 Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D17328
90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
/**
|
|
* @provides people-profile-css
|
|
*/
|
|
|
|
form.profile-image-form {
|
|
display: inline-block;
|
|
margin: 0 8px 8px 0;
|
|
}
|
|
|
|
button.profile-image-button {
|
|
padding: 4px;
|
|
margin: 0;
|
|
}
|
|
|
|
.compose-dialog button.profile-image-button-selected {
|
|
background-image: none;
|
|
background-color: {$lightblue};
|
|
border-color: {$sky};
|
|
}
|
|
|
|
.compose-header {
|
|
color: {$bluetext};
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
padding: 4px 0;
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
form.compose-dialog {
|
|
width: 80%;
|
|
}
|
|
|
|
.compose-dialog .phui-icon-view {
|
|
display: block;
|
|
position: relative;
|
|
width: 48px;
|
|
height: 48px;
|
|
background-color: {$darkgreytext};
|
|
}
|
|
|
|
.compose-dialog .compose-icon-bg.phui-icon-view {
|
|
color: #e7e7e7;
|
|
line-height: 48px;
|
|
width: 48px;
|
|
text-align: center;
|
|
font-size: 28px;
|
|
}
|
|
|
|
.compose-dialog .compose-background-red {
|
|
background-color: {$red};
|
|
}
|
|
|
|
.compose-dialog .compose-background-orange {
|
|
background-color: {$orange};
|
|
}
|
|
|
|
.compose-dialog .compose-background-yellow {
|
|
background-color: {$yellow};
|
|
}
|
|
|
|
.compose-dialog .compose-background-green {
|
|
background-color: {$green};
|
|
}
|
|
|
|
.compose-dialog .compose-background-blue {
|
|
background-color: {$blue};
|
|
}
|
|
|
|
.compose-dialog .compose-background-sky {
|
|
background-color: {$sky};
|
|
}
|
|
|
|
.compose-dialog .compose-background-indigo {
|
|
background-color: {$indigo};
|
|
}
|
|
|
|
.compose-dialog .compose-background-violet {
|
|
background-color: {$violet};
|
|
}
|
|
|
|
.compose-dialog .compose-background-pink {
|
|
background-color: {$pink};
|
|
}
|
|
|
|
.compose-dialog .compose-background-charcoal {
|
|
background-color: {$charcoal};
|
|
}
|
|
|
|
.compose-dialog .compose-background-backdrop {
|
|
background-color: {$backdrop};
|
|
}
|