Merge pull request #217 from arifszn/216-bg-color

Tweak background color

gitprofile.config.js

@@ -87,7 +87,7 @@ const config = {
     snippetVersion: 6,
   },
   themeConfig: {
-    defaultTheme: 'night',
+    defaultTheme: 'business',
 
     // Hides the switch in the navbar
     // Useful if you want to support a single color mode

src/components/GitProfile.jsx

@@ -25,6 +25,8 @@ import PropTypes from 'prop-types';
 import '../assets/index.css';
 import { formatDistance } from 'date-fns';
 
+const bgColor = 'bg-base-300';
+
 const GitProfile = ({ config }) => {
   const [error, setError] = useState(
     typeof config === 'undefined' && !config ? noConfigError : null
@@ -144,7 +146,7 @@ const GitProfile = ({ config }) => {
         ) : (
           sanitizedConfig && (
             <Fragment>
-              <div className="p-4 lg:p-10 min-h-full bg-base-200">
+              <div className={`p-4 lg:p-10 min-h-full ${bgColor}`}>
                 <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 rounded-box">
                   <div className="col-span-1">
                     <div className="grid grid-cols-1 gap-6">
@@ -199,7 +201,9 @@ const GitProfile = ({ config }) => {
                   </div>
                 </div>
               </div>
-              <footer className="p-4 footer bg-base-200 text-base-content footer-center">
+              <footer
+                className={`p-4 footer ${bgColor} text-base-content footer-center`}
+              >
                 <div className="card compact bg-base-100 shadow">
                   <a
                     className="card-body"

src/components/blog/index.jsx

@@ -181,10 +181,10 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
           <div className="grid grid-cols-2 gap-6">
             <div className="col-span-2">
               <div
-                className={`card compact ${
+                className={`card compact bg-base-100 ${
                   loading || (articles && articles.length)
-                    ? 'bg-gradient-to-br to-base-200 from-base-100 shadow'
-                    : 'bg-base-100 shadow-lg'
+                    ? 'card compact shadow bg-opacity-40'
+                    : 'shadow-lg'
                 }`}
               >
                 <div className="card-body">

src/components/project/index.jsx

@@ -132,7 +132,7 @@ const Project = ({ repo, loading, github, googleAnalytics }) => {
       <div className="col-span-1 lg:col-span-2">
         <div className="grid grid-cols-2 gap-6">
           <div className="col-span-2">
-            <div className="card compact bg-gradient-to-br to-base-200 from-base-100 shadow">
+            <div className="card compact bg-base-100 shadow bg-opacity-40">
               <div className="card-body">
                 <div className="mx-3 flex items-center justify-between mb-2">
                   <h5 className="card-title">