Tweak unity lights on theme (#1626)

Author: Axorax

themes/unity-lights-on.css

@@ -3,102 +3,107 @@
  * Preview - https://axorax.github.io/mit-license-themes-axorax/preview?theme=unity-lights-on
  */
 
- @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");
 
- body {
-   margin: 0;
-   font-family: 'Source Sans Pro', sans-serif;
-   line-height: 1.5;
-   background: #f2f2f2;
-   color: #141414;
- }
+body {
+  margin: 0;
+  font-family: "Source Sans Pro", sans-serif;
+  line-height: 1.5;
+  background: #f2f2f2;
+  color: #141414;
+}
 
- a {
-     text-decoration: none;
-     color: #1152f6;
- }
+a {
+  text-decoration: none;
+  color: #1152f6;
+}
 
- a:hover, a:focus {
-     text-decoration: underline;
- }
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
 
- article, footer {
-     width: 51.5rem;
-     max-width: calc(100% - 6rem);
-     margin: 1.2em auto 0 auto;
-     border-radius: 5px;
-     padding: 2rem;
-     background: #fdfdfd;
-     border: 1.3px solid #c7c7c7;
-     font-size: 16px;
- }
+article,
+footer {
+  width: 51.5rem;
+  max-width: calc(100% - 6rem);
+  margin: 1.2em auto 0 auto;
+  border-radius: 5px;
+  padding: 2rem;
+  background: #fdfdfd;
+  border: 1.3px solid #c7c7c7;
+  font-size: 16px;
+}
 
- article p:nth-last-child(2) {
-    padding: .8rem 1.2rem;
-    position: relative;
-    border-radius: 0 5px 5px 0;
-     background: linear-gradient(to right, #8a23872f, #e940572f, #f271212f);
- }
-
- article p:nth-last-child(2)::before {
-    content: '';
-    position: absolute;
-    background: linear-gradient(to bottom, #8a2387, #e94057, #f27121);
-    height: 100%;
-    width: 3px;
-    top: 0;
-    left: 0;
- }
+article p:nth-last-child(2) {
+  padding: 0.8rem 1.2rem;
+  position: relative;
+  border-radius: 0 5px 5px 0;
+  background: linear-gradient(to right, #8a23872f, #e940572f, #f271212f);
+}
+ 
+article p:nth-last-child(2)::before {
+  content: "";
+  position: absolute;
+  background: linear-gradient(to bottom, #8a2387, #e94057, #f27121);
+  height: 100%;
+  width: 3px;
+  top: 0;
+  left: 0;
+}
 
- footer {
-     width: 54rem;
-     max-width: calc(100% - 3.6rem);
-     text-align: center;
-     padding: 0 .8rem !important;
-     margin-bottom: 1em;
- }
+footer {
+  width: 54rem;
+  max-width: calc(100% - 3.6rem);
+  text-align: center;
+  padding: 0 0.8rem !important;
+  margin-bottom: 1em;
+}
 
- footer a, footer p {
-     color: #6e6e6e;
-     padding: 0 !important;
-     transition: 400ms;
- }
+footer a,
+footer p {
+  color: #9e9e9e;
+  padding: 0 !important;
+  transition: 400ms;
+}
 
- footer a:hover, footer a:focus {
-     color: #181818;
-     text-decoration: none;
- }
+footer a:hover,
+footer a:focus {
+  color: #181818;
+  text-decoration: none;
+}
 
- h1 {
-    margin-top: 0;
-    font-weight: normal;
-    display: inline;
-    padding: 0 0 3px 0;
-    line-height: 36px;
-    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    fill: transparent;
- }
+h1 {
+  margin-top: 0;
+  font-weight: normal;
+  display: inline;
+  padding: 0 0 3px 0;
+  line-height: 36px;
+  background: linear-gradient(to right, #8a2387, #e94057, #f27121);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  fill: transparent;
+}
 
- article p:first-of-type {
-   margin-top: 1.6em;
- }
+article p:first-of-type {
+  margin-top: 1.6em;
+}
 
- article p:last-child {
-   margin-bottom: 0;
- }
+article p:last-child {
+  margin-bottom: 0;
+}
 
- ::selection {
-   background: #2d68fc;
- }
+::selection {
+  background: #2d68fc;
+  color: #fff;
+}
 
- #gravatar {
-   position: relative;
-   float: right;
-   margin-bottom: 1em;
-   margin-left: 1em;
-   border-radius: 50%;
-   border: 1.3px solid #c7c7c7;
- }
+#gravatar {
+  position: relative;
+  float: right;
+  margin-bottom: 1em;
+  margin-left: 1em;
+  border-radius: 50%;
+  border: 1.3px solid #c7c7c7;
+}