new color theme applied to ActionButton

This commit is contained in:
svetlagasheva 2020-03-17 18:51:25 +02:00
parent 6ce25dd493
commit 07c9bfa445

View file

@ -1,10 +1,13 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
.action-button-container { .action-button-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
background-color: @color-surface-light5-20;
&:hover, &:focus { &:hover, &:focus {
background-color: var(--color-surfacedarker60); background-color: @color-accent3;
} }
.icon-container { .icon-container {
@ -21,7 +24,7 @@
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
fill: var(--color-surfacelighter); fill: @color-surface-light5;
} }
} }
@ -38,7 +41,7 @@
padding: 0 0.2rem; padding: 0 0.2rem;
max-height: 2.4em; max-height: 2.4em;
text-align: center; text-align: center;
color: var(--color-surfacelighter); color: @color-surface-light5-90;
} }
} }
} }