From 29a121f5b24438ecf9fcf7fa59dc4eda93523f46 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 21 Apr 2018 19:05:55 +0900
Subject: [PATCH] Darken
---
.../common/views/components/url-preview.vue | 18 ++++++++++++------
1 file changed, 12 insertions(+), 6 deletions(-)
diff --git a/src/client/app/common/views/components/url-preview.vue b/src/client/app/common/views/components/url-preview.vue
index fd25480f6..90ed8e78a 100644
--- a/src/client/app/common/views/components/url-preview.vue
+++ b/src/client/app/common/views/components/url-preview.vue
@@ -65,16 +65,16 @@ export default Vue.extend({
iframe
width 100%
-.mk-url-preview
+root(isDark)
display block
font-size 16px
- border solid 1px #eee
+ border solid 1px isDark ? #58606b : #eee
border-radius 4px
overflow hidden
&:hover
text-decoration none
- border-color #ddd
+ border-color isDark ? #7d8590 : #ddd
> article > header > h1
text-decoration underline
@@ -99,11 +99,11 @@ iframe
> h1
margin 0
font-size 1em
- color #555
+ color isDark ? #d6dae0 : #555
> p
margin 0
- color #777
+ color isDark ? #a4aab3 : #777
font-size 0.8em
> footer
@@ -120,7 +120,7 @@ iframe
> p
display inline-block
margin 0
- color #666
+ color isDark ? #b0b4bf : #666
font-size 0.8em
line-height 16px
vertical-align top
@@ -139,4 +139,10 @@ iframe
> article
padding 8px
+.mk-url-preview[data-darkmode]
+ root(true)
+
+.mk-url-preview:not([data-darkmode])
+ root(false)
+
</style>