smaranjitghose / awesome-portfolio-websites

A community maintained open source project aimed at making a personal portfolio for researchers, developers, and analysts simple, fast, and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavors.

Home Page:https://portfolio.smaranjitghose.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Social Media Icons

anushbhatia opened this issue · comments

Change the Social media icons to black when it starts

image

Currenly you have to turn it on and off and then it comes back to the original state. Resolve this issue

I want to work on this issue under JWOC. But kindly explain me what I have to do , I m little bit confused.

commented

I want to work on this issue under JWOC. But kindly explain me what I have to do , I m little bit confused.

you need to remove the background color from .socialicon

Based on mode of social media icon the background should function.

Assign me this issue.

/* Dark Mode toggle switch button */
.dark_toggler {
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
  width: 100px;
  height: 40px;
  background-image: url(https://i.postimg.cc/857jHw2q/Screenshot-2020-04-16-at-1-07-06-PM.png);
  background-size: cover;
  border-radius: 50px;
  outline: none;
  transition: background-image 0.9s;
  box-shadow: 0px 2px 5px 1px gray;
}

.dark_toggler:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: navy;
  border-radius: 50px;
  transition: all 0.9s;
  background-color: #f7ca33;
}

.dark_toggler:checked {
  background-image: url(https://i.postimg.cc/Hn0nstVK/Screenshot-2020-04-16-at-1-07-19-PM.png);
  transition: background-image 0.9s;
  box-shadow: 0px 2px 5px 1px rgb(187, 134, 201);
}

.dark_toggler:checked:before {
  transform: translate(150%);
  transition: all 0.9s;
  background-color: #bb86fc;
}

this dosen't follow the data-theme template that's why might cause an issue.

Assign me this issue.

let @omkxr work on this if he can't do it i will assign it to you