diff --git a/package.json b/package.json index a7f990b1..fdd63787 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@soramitsu/soramitsu-js-ui", - "version": "1.0.8", + "version": "1.0.9", "private": false, "publishConfig": { "registry": "https://nexus.iroha.tech/repository/npm-soramitsu/" diff --git a/src/styles/neumorphism/button.scss b/src/styles/neumorphism/button.scss index 7c516e1c..c748ed50 100644 --- a/src/styles/neumorphism/button.scss +++ b/src/styles/neumorphism/button.scss @@ -122,6 +122,9 @@ $neu-button-action-text-color-hover: var(--s-color-base-content-secondary) !defa $neu-button-action-text-color-pressed: var(--s-color-theme-accent) !default; $neu-button-action-text-color-alternative: var(--s-color-base-content-tertiary) !default; $neu-button-action-text-color-alternative-active: var(--s-color-base-content-secondary) !default; +$neu-button-action-primary-text-color: var(--s-color-base-on-accent) !default; +// Action button: Dark: text colors +$neu-button-action-primary-text-color--dark: var(--s-color-utility-surface) !default; // Action button: border colors $neu-button-action-border-color: transparent !default; $neu-button-action-border-color-hover: $neu-button-action-border-color !default; @@ -133,6 +136,14 @@ $neu-button-action-box-shadow-hover: $neu-button-action-box-shadow !default; $neu-button-action-box-shadow-pressed: var(--s-shadow-element) !default; $neu-button-action-box-shadow-alternative: none !default; +:root { + --neu-button-action-primary-text-color: #{$neu-button-action-primary-text-color}; +} + +[design-system-theme="dark"] { + --neu-button-action-primary-text-color: #{$neu-button-action-primary-text-color--dark}; +} + $neu-button-padding-big: 7px 13px !default; $neu-button-padding-medium: 5px 13px !default; $neu-button-padding-small: 4px 6px !default; @@ -166,7 +177,7 @@ $neu-button-padding-mini: 3px 6px !default; @mixin action-size ($suffix: 'big') { &.s-#{$suffix} { - padding: 7px; + padding: 0; height: var(--s-size-#{$suffix}); width: var(--s-size-#{$suffix}); } @@ -293,6 +304,10 @@ $neu-button-padding-mini: 3px 6px !default; @include action-size('small'); @include action-size('mini'); + &.s-primary { + color: var(--neu-button-action-primary-text-color); + } + &:not(.s-primary) { background: $neu-button-action-background-color; border-color: $neu-button-action-border-color;