From b3a236637e124f2f2e6f70af099cbedb13895b15 Mon Sep 17 00:00:00 2001
From: Thibaut Girka <thib@sitedethib.com>
Date: Sat, 5 May 2018 17:58:46 +0200
Subject: [Glitch] Add color variables of texts for better accesibility

Port 74dae9458d118b066cd74b16aab2aa9cafbf3fba and related to glitch-soc
---
 app/javascript/flavours/glitch/styles/components/media.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'app/javascript/flavours/glitch/styles/components/media.scss')

diff --git a/app/javascript/flavours/glitch/styles/components/media.scss b/app/javascript/flavours/glitch/styles/components/media.scss
index 9d06a508e..90674612d 100644
--- a/app/javascript/flavours/glitch/styles/components/media.scss
+++ b/app/javascript/flavours/glitch/styles/components/media.scss
@@ -15,7 +15,7 @@
 
 .media-spoiler {
   background: $base-overlay-background;
-  color: $ui-primary-color;
+  color: $darker-text-color;
   border: 0;
   width: 100%;
   height: 100%;
@@ -23,7 +23,7 @@
   &:hover,
   &:active,
   &:focus {
-    color: lighten($ui-primary-color, 8%);
+    color: lighten($darker-text-color, 8%);
   }
 
   .status__content > & {
@@ -350,7 +350,7 @@
     z-index: 4;
     border: 0;
     background: $base-shadow-color;
-    color: $ui-primary-color;
+    color: $darker-text-color;
     transition: none;
     pointer-events: none;
 
@@ -361,7 +361,7 @@
       &:hover,
       &:active,
       &:focus {
-        color: lighten($ui-primary-color, 8%);
+        color: lighten($darker-text-color, 7%);
       }
     }
 
-- 
cgit