diff --git a/packages/language-select/src/vpu-language-select-demo.js b/packages/language-select/src/vpu-language-select-demo.js index b6368212ed5b1d5b778b51574560efd37663f89e..6d690c5d8cca1b63d9d65b235b3a26eacd056d23 100644 --- a/packages/language-select/src/vpu-language-select-demo.js +++ b/packages/language-select/src/vpu-language-select-demo.js @@ -1,4 +1,4 @@ -import {html, LitElement} from 'lit-element'; +import {html, LitElement, css} from 'lit-element'; import './vpu-language-select.js'; import * as commonUtils from 'vpu-common/utils'; diff --git a/packages/language-select/src/vpu-language-select.js b/packages/language-select/src/vpu-language-select.js index 16894aab7ffc9003a4902452234e9d59f66ebc5b..baa4295e564a56e38b192750f5b372d0af7ff2af 100644 --- a/packages/language-select/src/vpu-language-select.js +++ b/packages/language-select/src/vpu-language-select.js @@ -81,9 +81,11 @@ class LanguageSelect extends LitElement { static get styles() { return css` + ${commonUtils.getThemeCSS()} + a:hover { - background-color: #000; - color: #fff; + background-color: var(--vpu-dark); + color: var(--vpu-light); transition: none; } @@ -91,9 +93,10 @@ class LanguageSelect extends LitElement { padding: 5px; display: inline-block; text-decoration: none; - color: #000; transition: background-color 0.15s, color 0.15s; font-weight: 300; + color: var(--vpu-dark); + border-radius: var(--vpu-border-radius); } `; } diff --git a/packages/language-select/vendor/common b/packages/language-select/vendor/common index 892548cb2343fd74dc4d7c49c52983602b773f13..8ca2d5cafade6c6b1c966452521ef0430c282487 160000 --- a/packages/language-select/vendor/common +++ b/packages/language-select/vendor/common @@ -1 +1 @@ -Subproject commit 892548cb2343fd74dc4d7c49c52983602b773f13 +Subproject commit 8ca2d5cafade6c6b1c966452521ef0430c282487