neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify voting button and graph colors (#328)

Browse Source
This commit is contained in:
Thibaut Sardan 2018-09-19 11:43:29 +01:00 committed by Jaco Greeff
parent df03d413dd
commit d58aa09cf2
4 changed files with 31 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app-democracy/src/Referendum.tsx
View File

@ -19,8 +19,12 @@ import Item from './Item';
import Voting from './Voting';
import translate from './translate';
const COLORS_YAY = ['#4d4', '#4e4'];
const COLORS_NAY = ['#d44', '#e44'];
const COLORS_YAY = process.env.UI_THEME === 'substrate'
? ['#4d4', '#4e4']
: ['#64bebe', '#5badad'];
const COLORS_NAY = process.env.UI_THEME === 'substrate'
? ['#d44', '#e44']
: ['#d75ea1', '#e189ba'];
type Props = I18nProps & {
bestNumber?: BN,

16
packages/app-democracy/src/VotingButtons.tsx
View File

@ -29,20 +29,20 @@ class VotingButton extends React.PureComponent<Props> {
<Button.Group>
<Button
isDisabled={!publicKey}
isPositive
text={t('votebtn.aye', {
defaultValue: 'aye'
isNegative
text={t('votebtn.nay', {
defaultValue: 'Nay'
})}
onClick={this.onClickYes}
onClick={this.onClickNo}
/>
<Button.Or />
<Button
isDisabled={!publicKey}
isNegative
text={t('votebtn.nay', {
defaultValue: 'nay'
isPositive
text={t('votebtn.aye', {
defaultValue: 'Aye'
})}
onClick={this.onClickNo}
onClick={this.onClickYes}
/>
</Button.Group>
);

5
packages/ui-app/src/styles/theme/_colors-polkadot.css
View File

@ -17,10 +17,15 @@ $middle-purple: #e189ba;
$light-slate-gray: #718d94;
$moonstone-blue: #64bebe;
$verdigris: #5badad;
$button-primary-color: $dark-sky-blue;
$button-primary-color-hover: $pewter-blue;
$button-color: $silver-chalice;
$button-color-hover: $cadet-grey;
$button-positive-color: $moonstone-blue;
$button-positive-color-hover: $verdigris;
$button-negative-color: $wild-orchid;
$button-negative-color-hover: $middle-purple;
$anchor-color: $light-slate-gray;

17
packages/ui-app/src/styles/theme/polkadot.css
View File

@ -25,21 +25,28 @@
.ui.button:active,
.ui.buttons .button:active,
.ui.button:focus,
.ui.buttons .button:focus,
.ui.buttons .button:focus{
background-color: $button-color;
color: white;
}
.ui.positive.button,
.ui.buttons .positive.button,
.ui.positive.button:active,
.ui.buttons .positive.button:active,
.ui.positive.button:focus,
.ui.buttons .positive.button:focus {
background-color: $button-color;
background-color: $button-positive-color;
color: white;
}
.ui.positive.button:hover,
.ui.buttons .positive.button:hover {
background-color: $button-positive-color-hover;
color: white;
}
.ui.button:hover,
.ui.buttons .button:hover,
.ui.positive.button:hover,
.ui.buttons .positive.button:hover {
.ui.buttons .button:hover {
background-color: $button-color-hover;
color: white;
}