Change style, with bump to 1.5.1 + new screenshot

style.css

@@ -1,9 +1,9 @@
-/*!
+/*!
 Theme Name:         Sophia After Dark
 Author:             Sophia Atkinson, Mystery Themes
 Author URI:         https://sophia.wtf
 Description:        Sophia After Dark is a page builder based and colorful free blog style WordPress theme fit for writers and bloggers. With the help of live customizer option makes your site own and present your content in an attractive way. It comes up with an amazing creative blog layouts, fully RTL and translation ready, and also compatible with Gutenberg. The theme works perfectly with Elementor that helps to create a beautiful and unique website faster. As its name suggests, it added staggering variety of color and makes your site attractive and elegant.
-Version:            1.5.0
+Version:            1.5.1
 Requires at least:  4.7
 Tested up to:       6.8.1
 Requires PHP:       5.2.4
@@ -205,7 +205,7 @@ button,
 input,
 select,
 textarea {
-  color: #cfcfcf;
+  color: #FFFFFF;
   font-family: 'Poppins', sans-serif;
   font-size: 15px;
   line-height: 1.8;
@@ -219,7 +219,7 @@ h4,
 h5,
 h6 {
   clear: both;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1.5;
   margin-bottom: 15px;
   color: #ffffff;
@@ -239,7 +239,9 @@ strong {
 dfn,
 cite,
 em,
-i {
+i,
+p em,
+p i {
   font-style: italic;
 }
 
@@ -274,6 +276,15 @@ var {
   font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 }
 
+.wp-block-code,
+code,
+pre {
+  color: #c5cae9!important;
+  background-color: #141414;
+  word-wrap: break-word;
+  padding: 3px;
+}
+
 abbr,
 acronym {
   border-bottom: 1px dotted #666;
@@ -427,7 +438,7 @@ button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-  color: #D1D1D1;
+  color: #fff;
   cursor: pointer;
   font-size: 14px;
   line-height: 13px;
@@ -437,13 +448,16 @@ input[type="submit"] {
   display: inline-block;
   position: relative;
   text-shadow: none;
-  border: 1px solid #e1e1e1;
   background: none;
+  border-radius: 5px
+}
+.navigation .nav-links a{
+  background-color: #F5A9B8;
 }
 button{
   padding: none!important;
 }
-.navigation .nav-links a:hover,
+
 .bttn:hover,
 button,
 input[type="button"]:hover,
@@ -471,19 +485,12 @@ input[type="url"],
 input[type="password"],
 input[type="search"] {
   color: #666;
-  border: 1px solid #ccc;
+  border: none;
   height: 36px;
   width: 100%;
   -webkit-appearance: none;
-}
+  border-bottom: none;
-
+  border-radius: 2px;
-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-textarea:focus {
-  border: 1px solid #AAA;
 }
 
 .searchform input[type="text"]:focus {
@@ -504,11 +511,11 @@ textarea {
   padding-left: 3px;
   vertical-align: top;
   /* Improves readability and alignment in all browsers */
-  color: #666;
+  color: #fff;
-  border: 1px solid #ccc;
   height: 160px;
   max-width: 100%;
   width: 100%;
+  background-color: #1E1F22;
 }
 
 /*--------------------------------------------------------------
@@ -523,12 +530,10 @@ a {
   -moz-transition: all 0.3s ease-in-out;
 }
 
-a:visited {}
-
 a:hover,
 a:focus,
 a:active {
-  color: #F5A9B8;
+  color: #ff849d;
 }
 
 a:focus {
@@ -768,6 +773,7 @@ h1.entry-title a {
 .category article.hentry,
 .blog article.hentry {
   margin-bottom: 40px;
+  box-shadow: none;
 }
 
 .blog article.hentry:first-child {
@@ -788,7 +794,7 @@ article.hentry .entry-footer>span {
 .page-header .page-title {
   color: #ffffff;
   padding-bottom: 15px;
-  font-weight: 600;
+  font-weight: bold;
 }
 
 .updated {
@@ -992,7 +998,6 @@ textarea#comment {
   padding: 20px;
   margin-bottom: 20px;
   background: none;
-  border: 1px solid #e1e1e1;
   text-align: left;
 }
 
@@ -1066,6 +1071,7 @@ textarea#comment {
   line-height: 20px;
   padding: 2px 10px;
   display: inline-block;
+  border-radius: 5px;
 }
 
 #respond {
@@ -1073,7 +1079,6 @@ textarea#comment {
   margin: 20px 0 0;
   margin-bottom: 20px !important;
   color: #ffffff;
-  border: 1px solid rgba(255, 255, 255, 0.5);
 }
 
 #commentform .form-submit {
@@ -1464,6 +1469,7 @@ Default widget css
 
 .widget_tag_cloud .tagcloud a:hover,
 .widget.widget_tag_cloud a:hover {
+ border-radius: 5px;
   background: #F5A9B8;
   color: #fff;
   border-color: #F5A9B8;
@@ -1472,6 +1478,7 @@ Default widget css
 .wp-block-search__button {
   background: #f9f9f9;
   border: none;
+  border-radius: 0;
   width: 80px;
   margin: 0;
   height: 36px;
@@ -1553,11 +1560,11 @@ body {
   position: relative;
   font-family: 'Poppins', sans-serif;
   line-height: 1.8;
-  background: #0B0B0B;
+  background: #1E1F22;
 }
 
 .site-layout--boxed #page {
-  background-color: #0B0B0B;
+  background-color: #2E3035;
   margin: 0 auto;
   width: 1360px;
   -webkit-box-shadow: 0 0 75px 10px rgba(0, 0, 0, .75);
@@ -1587,7 +1594,7 @@ body.site-layout--boxed {
 }
 
 #page {
-  background: #0B0B0B none repeat scroll 0 0;
+  background: #2E3035 none repeat scroll 0 0;
 }
 
 .sad-container {
@@ -1704,7 +1711,7 @@ Header CSS
 .sad-live-link a:hover,
 .sad-live-link a:focus {
   color: #ffffff;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
+  box-shadow: none;
 }
 
 .header-widget-wrapper {
@@ -1720,7 +1727,7 @@ Header CSS
   margin: 0;
   font-size: 36px;
   line-height: 1.5;
-  font-weight: 700;
+  font-weight: 1;
 }
 
 .site-title a {
@@ -1729,7 +1736,9 @@ Header CSS
 
 .site-description {
   margin: 0;
-  font-size: 13px;
+  font-size: 15px;
+  line-height: 1.5;
+  font-weight: 1;
 }
 
 .home.blog #masthead {
@@ -1767,7 +1776,7 @@ Header CSS
 }
 
 .sad-logo-row-wrapper {
-  background: #0B0B0B;
+  background: #2E3035;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
@@ -1790,7 +1799,7 @@ Header CSS
 }
 
 .is-sticky .sad-social-menu-wrapper {
-  background: #0B0B0B;
+  background: #2E3035;
   z-index: 9999;
 }
 
@@ -1902,15 +1911,15 @@ Search CSS
 
 .sad-menu-search .sad-form-wrap .search-form .search-field {
   border: none;
-  border-bottom: 1px solid #ccc;
+  border-radius: 5px;
   padding: 20px;
   width: 80%;
   height: 70px;
   display: block;
   margin: 0 auto;
   border: none;
-  border-bottom: 1px solid #e1e1e1;
   font-size: 26px;
+  background-color: #1E1F22;
 }
 
 .sad-menu-search .sad-form-wrap .search-form .search-field:focus {
@@ -1928,6 +1937,7 @@ Search CSS
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
+  border-radius: 5px;
 }
 
 .sad-form-close {
@@ -2045,12 +2055,12 @@ Menu CSS
 #site-navigation ul li.current_page_item>a,
 #site-navigation ul li.current-menu-parent>a,
 #site-navigation ul li.focus>a {
-  color: #F5A9B8;
+  color: #ff849d;
 }
 
 #site-navigation ul li .sub-menu,
 #site-navigation ul li .children {
-  background: #0B0B0B;
+  background: #2E3035;
   width: 250px;
   text-align: left;
   position: absolute;
@@ -2417,6 +2427,7 @@ article {
   font-size: 20px;
   margin-bottom: 8px;
   line-height: 1.3;
+  font-weight: bold;
 }
 
 .single .entry-title {
@@ -2512,12 +2523,12 @@ article.sticky::before {
   left: 20px;
   top: 20px;
   display: block;
-  width: 40px;
+  width: 30px;
-  height: 40px;
+  height: 30px;
   background: #F5A9B8;
   color: #fff;
   font-size: 15px;
-  line-height: 40px;
+  line-height: 30px;
   border-radius: 100%;
   z-index: 99;
   text-align: center;
@@ -2548,6 +2559,10 @@ article .post-thumbnail img {
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
   min-width: 100%;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 article .post-thumbnail:hover img {
@@ -2584,14 +2599,14 @@ article.page .post-thumbnail::before,
 
 .navigation.pagination .nav-links .page-numbers.current,
 .navigation.pagination .nav-links a.page-numbers:hover {
-  border: 1px solid #F5A9B8;
   padding: 12px 15px;
   vertical-align: top;
   display: inline-block;
   margin: 0 5px;
   font-size: 14px;
   line-height: 13px;
-  color: #F5A9B8;
+  background-color: #ff849d;
+  border-radius: 5px
 }
 
 .archive-grid-post-wrapper,
@@ -2622,6 +2637,7 @@ article.page .post-thumbnail::before,
 Sidebar CSS
 --------------------------------------------------------------*/
 .widget {
+  background-color: #2E3035;
   border: 1px solid rgba(255, 255, 255, 0.5);
   padding: 20px;
 }
@@ -2669,8 +2685,8 @@ Single CSS
 --------------------------------------------------------------*/
 
 .sad-author-box {
-  border: 1px solid rgba(255, 255, 255, 0.5);
   padding: 20px;
+  margin-top: 15px;
   margin-bottom: 60px;
   text-align: left;
 }
@@ -2687,6 +2703,14 @@ Single CSS
   width: 18%;
 }
 
+.sad-author-box .sad-author__avatar img {
+  border-radius: 50% !important;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
 .single .sad-author-box .sad-author-info {
   float: left;
   width: 80%;
@@ -2709,7 +2733,6 @@ Single CSS
 .single .sad-author-box .sad-author-info .sad-author-name a {
   color: #ffffff;
 }
-
 /*--------------------------------------------------------------
 Error 404 styles
 --------------------------------------------------------------*/
@@ -2728,10 +2751,11 @@ Error 404 styles
 }
 
 .error-num {
+  margin: 0;
   font-size: 100px;
-  font-weight: 900;
+  font-weight: 1;
   color: #ffffff;
-  line-height: 150px;
+  line-height: 1.5;
 }
 
 .error-num span {
@@ -2909,14 +2933,19 @@ Footer CSS
 
 #bottom-footer {
   padding: 12px 0;
-  background: rgba(255, 255, 255, 0.01);
+  background-color: #2E3035;
   color: #fff;
   font-size: 13px;
 }
 
 .site-info {
   font-size: 13px;
-  float: center;
+  float: unset;
+  text-align: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .site-info .sad-disclaimer-text {
@@ -3088,10 +3117,14 @@ Scroll To Top styles
   -webkit-transition: .5s;
   transition: .5s;
   z-index: 99;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 #sad-scrollup::before {
-  content: '\f178';
+  content: '\f061';
   position: absolute;
   top: 3px;
   right: -36px;
@@ -3100,13 +3133,13 @@ Scroll To Top styles
   font-size: 18px;
   font-family: 'ForkAwesome';
   line-height: 1;
-  -moz-transition: .5s;
+  -moz-transition: none;
-  -webkit-transition: .5s;
+  -webkit-transition: none;
-  transition: .5s;
+  transition: none;
 }
 
 #sad-scrollup:hover {
-  color: #F5A9B8;
+  color: #ff849d;
 }
 
 .single article .post-thumbnail:hover img {
@@ -3124,10 +3157,6 @@ Scroll To Top styles
   margin-bottom: 10px;
 }
 
-.search article {
-  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
-}
-
 .no-results.not-found {
   text-align: center;
 }
@@ -3155,3 +3184,19 @@ Scroll To Top styles
   width: 80%;
   margin: 0 auto;
 }
+span.required {
+  color: red;
+}
+
+.sad-copyright-text,
+.nav-links,
+.wp-block-image {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+div.sad-logo-row-wrapper.sad-clearfix,
+footer#colophon.site-footer{
+  background-color: #1E1F22;
+}