[Minor] Allow to style input color
This commit is contained in:
parent
dd6d1a5cf3
commit
eb1c10511a
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "strolch-wc-debounced-input",
|
"name": "strolch-wc-debounced-input",
|
||||||
"description": "Strolch WebComponent Debounced Input",
|
"description": "Strolch WebComponent Debounced Input",
|
||||||
"version": "0.1.4",
|
"version": "0.1.5",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Robert von Burg"
|
"Robert von Burg"
|
||||||
],
|
],
|
||||||
|
|
|
@ -9,6 +9,7 @@
|
||||||
<style is="custom-style">
|
<style is="custom-style">
|
||||||
:host {
|
:host {
|
||||||
--focus-color: white;
|
--focus-color: white;
|
||||||
|
--input-color: white;
|
||||||
--regular-color: lightgrey;
|
--regular-color: lightgrey;
|
||||||
--disabled-color: darkgrey;
|
--disabled-color: darkgrey;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -19,7 +20,7 @@
|
||||||
paper-input {
|
paper-input {
|
||||||
--paper-input-container-color: var(--regular-color);
|
--paper-input-container-color: var(--regular-color);
|
||||||
--paper-input-container-focus-color: var(--focus-color);
|
--paper-input-container-focus-color: var(--focus-color);
|
||||||
--paper-input-container-input-color: var(--focus-color);
|
--paper-input-container-input-color: var(--input-color);
|
||||||
--paper-input-container-input: {
|
--paper-input-container-input: {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding: var(--input-padding);
|
padding: var(--input-padding);
|
||||||
|
|
Loading…
Reference in New Issue