change color

src/client/js/components/PageHistory/RevisionDiff.jsx

@@ -46,15 +46,15 @@ export default class RevisionDiff extends React.Component {
         <div className="comparison-header">
           <div className="container pr-0">
             <div className="row">
-              <div className="col comparison-source px-0">
-                <span className="pr-3">ソース</span><UserDate dateTime={previousRevision.createdAt} />
+              <div className="col comparison-source-wrapper px-0">
+                <span className="comparison-source pr-3">ソース</span><UserDate dateTime={previousRevision.createdAt} />
                 <a href={`?revision=${previousRevision._id}`} className="ml-3">
                   <i className="icon-login"></i>
                 </a>
 
               </div>
-              <div className="col comparison-target">
-                <span className="pr-3">ターゲット</span><UserDate dateTime={currentRevision.createdAt} />
+              <div className="col comparison-target-wrapper">
+                <span className="comparison-target pr-3">ターゲット</span><UserDate dateTime={currentRevision.createdAt} />
                 <a href={`?revision=${currentRevision._id}`} className="ml-3">
                   <i className="icon-login"></i>
                 </a>

src/client/styles/scss/_page-history.scss

@@ -69,13 +69,19 @@
     font-size: 14px;
     background-color: white;
     border: 1px solid #d8d8d8;
-    .comparison-source {
+    .comparison-source-wrapper {
       padding: 0px 14px;
       border-right: 1px solid #d8d8d8;
+      .comparison-source {
+        color: #8e9aa7;
+      }
     }
-    .comparison-target {
+    .comparison-target-wrapper {
       padding: 0px 14px;
       margin: 1px 2px 0px 2px;
+      .comparison-target {
+        color: #8e9aa7;
+      }
     }
   }