From 7d09e88a028d4fb4a217db83b27e245977c5f688 Mon Sep 17 00:00:00 2001 From: Christoph Reiter <reiter.christoph@gmail.com> Date: Mon, 7 Oct 2019 16:48:35 +0200 Subject: [PATCH] Use theme css variables --- packages/language-select/src/vpu-language-select-demo.js | 2 +- packages/language-select/src/vpu-language-select.js | 9 ++++++--- packages/language-select/vendor/common | 2 +- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/packages/language-select/src/vpu-language-select-demo.js b/packages/language-select/src/vpu-language-select-demo.js index b6368212..6d690c5d 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 16894aab..baa4295e 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 892548cb..8ca2d5ca 160000 --- a/packages/language-select/vendor/common +++ b/packages/language-select/vendor/common @@ -1 +1 @@ -Subproject commit 892548cb2343fd74dc4d7c49c52983602b773f13 +Subproject commit 8ca2d5cafade6c6b1c966452521ef0430c282487 -- GitLab