summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-09-27 22:59:56 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-09-27 22:59:56 +0900
commit74be1c81b111bca81047b21083249d8be4b35ed8 (patch)
tree0e50227099ba48da0975e6045e81d612c32adfeb /src
parentwip (diff)
downloadsharkey-74be1c81b111bca81047b21083249d8be4b35ed8.tar.gz
sharkey-74be1c81b111bca81047b21083249d8be4b35ed8.tar.bz2
sharkey-74be1c81b111bca81047b21083249d8be4b35ed8.zip
wip
Diffstat (limited to 'src')
-rw-r--r--src/client/app/common/views/components/reactions-viewer.vue15
-rw-r--r--src/client/theme/dark.json2
-rw-r--r--src/client/theme/light.json2
3 files changed, 8 insertions, 11 deletions
diff --git a/src/client/app/common/views/components/reactions-viewer.vue b/src/client/app/common/views/components/reactions-viewer.vue
index c30fa2a1dc..9212a84b31 100644
--- a/src/client/app/common/views/components/reactions-viewer.vue
+++ b/src/client/app/common/views/components/reactions-viewer.vue
@@ -39,10 +39,9 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
-root(isDark)
- $borderColor = isDark ? #5e6673 : #eee
- border-top dashed 1px $borderColor
- border-bottom dashed 1px $borderColor
+.mk-reactions-viewer
+ border-top dashed 1px var(--reactionViewerBorder)
+ border-bottom dashed 1px var(--reactionViewerBorder)
margin 4px 0
&:empty
@@ -60,12 +59,6 @@ root(isDark)
> span
margin-left 4px
font-size 1.2em
- color isDark ? #d1d5dc : #444
-
-.mk-reactions-viewer[data-darkmode]
- root(true)
-
-.mk-reactions-viewer:not([data-darkmode])
- root(false)
+ color var(--text)
</style>
diff --git a/src/client/theme/dark.json b/src/client/theme/dark.json
index 44a8e0e568..39828e364e 100644
--- a/src/client/theme/dark.json
+++ b/src/client/theme/dark.json
@@ -69,6 +69,8 @@
"reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)",
+ "reactionViewerBorder": "rgba(255, 255, 255, 0.1)",
+
"urlPreviewBorder": "rgba(0, 0, 0, 0.4)",
"urlPreviewBorderHover": "rgba(255, 255, 255, 0.2)",
"urlPreviewTitle": "$text",
diff --git a/src/client/theme/light.json b/src/client/theme/light.json
index 8dd4b1fe7b..2c45a57705 100644
--- a/src/client/theme/light.json
+++ b/src/client/theme/light.json
@@ -69,6 +69,8 @@
"reactionPickerButtonHoverBg": "#eee",
+ "reactionViewerBorder": "rgba(0, 0, 0, 0.1)",
+
"urlPreviewBorder": "rgba(0, 0, 0, 0.1)",
"urlPreviewBorderHover": "rgba(0, 0, 0, 0.2)",
"urlPreviewTitle": "$text",