github/React95
1
1
Fork 0
mirror of https://github.com/react95-io/React95.git synced 2026-04-26 03:00:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

finished

Browse Source
This commit is contained in:
Artur Bien
2019-05-23 20:58:20 +02:00
parent d6525803cc
commit c5c26cd116
2 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Button/Button.js
View File

@@ -50,6 +50,12 @@ const StyledButton = styled.button`
${createBoxStyles()};
${({ active }) =>
active ? createBorderStyles(true) : createBorderStyles(false)}
${({ active, theme }) =>
active &&
`background-image: ${
theme.hatchedBackground
};`}
&:active {
${({ isDisabled }) => !isDisabled && createBorderStyles(true)}
}

15
src/components/common/themes.js
View File

@@ -1,6 +1,9 @@
const themes = {};
themes.default = {
hatchedBackground:
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2P8////fwYGBgZGRkZGMI0hABIFAbgEugAAQFQP/QfjEPcAAAAASUVORK5CYII=)",
canvas: "#ffffff",
material: "#ced0cf",
materialDark: "#9a9e9c",
@@ -38,6 +41,9 @@ themes.default = {
};
themes.water = {
hatchedBackground:
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2P8////fwYGBgZGRkZGMI0hABIFAbgEugAAQFQP/QfjEPcAAAAASUVORK5CYII=)",
canvas: "#ffffff",
material: "#ced0cf",
materialDark: "#9a9e9c",
@@ -75,6 +81,9 @@ themes.water = {
};
themes.coldGray = {
hatchedBackground:
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2P8////fwYGBgZGRkZGMI0hABIFAbgEugAAQFQP/QfjEPcAAAAASUVORK5CYII=)",
// background: "#CCF5AC",
// background: "#416165",
background: "#4C6663",
@@ -116,6 +125,9 @@ themes.coldGray = {
};
themes.lilacRoseDark = {
hatchedBackground:
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2P8////fwYGBgZGRkZGMI0hABIFAbgEugAAQFQP/QfjEPcAAAAASUVORK5CYII=)",
background: "#3B3B58",
canvas: "#dab1c7",
@@ -155,6 +167,9 @@ themes.lilacRoseDark = {
};
themes.violetDark = {
hatchedBackground:
"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2P8////fwYGBgZGRkZGMI0hABIFAbgEugAAQFQP/QfjEPcAAAAASUVORK5CYII=)",
canvas: "#c47bcc",
material: "#652a6d",
materialDark: "#210e23",