From f636c53109d785eb48d60a7e50e89e0abaf83fae Mon Sep 17 00:00:00 2001
From: duoduoeeee <pleasant3518@gmail.com>
Date: Fri, 28 Aug 2020 01:38:52 +0800
Subject: [PATCH] adds support to og-link so that external links look better

---
 sass/base_theme.scss | 17 +++++++++++++++--
 sass/dark.scss       |  1 +
 sass/light.scss      |  1 +
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/sass/base_theme.scss b/sass/base_theme.scss
index d3104ee..450a660 100644
--- a/sass/base_theme.scss
+++ b/sass/base_theme.scss
@@ -237,8 +237,21 @@ header#header {
 .color-menu-background {
   background: $color-menu-background;
 }
-.og-link { text-decoration: none; }
-.og-link:hover { text-decoration: none; }
+.og-link {
+  text-decoration: none;
+  padding: 6px;
+  padding-top: 8px;
+  border-radius: 3px;
+  background-color: $og-background;
+  -webkit-transition: background-color 2s linear;
+  -moz-transition: background-color 2s linear;
+  -o-transition: background-color 2s linear;
+  transition: background-color 2s linear;
+}
+.og-link:hover {
+  text-decoration: none;
+  background-color: $primary-color;
+}
 .bar-item-no-hover {
   cursor: default;
   background: $color-menu-background;
diff --git a/sass/dark.scss b/sass/dark.scss
index 68a9f40..b5d25be 100644
--- a/sass/dark.scss
+++ b/sass/dark.scss
@@ -6,3 +6,4 @@ $color-summary: #ddd;
 $color-light: #bbb;
 $color-menu-background: #222;
 $color-note-link: #666;
+$og-background: #323232;
\ No newline at end of file
diff --git a/sass/light.scss b/sass/light.scss
index 9c4c251..14562dd 100644
--- a/sass/light.scss
+++ b/sass/light.scss
@@ -7,3 +7,4 @@ $color-summary: #111;
 $color-note-link: #333;
 $color-menu-background: #ddd;
 // $primary-color: #1d781d; 
+$og-background: #cccccc;
\ No newline at end of file