• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] ChatGPT 사이트 인터페이스 커스텀 CSS 스타일코드

2,547  

ChatGPT 사이트 인터페이스 커스텀 CSS 스타일코드

[코드 적용 전후 모습]

 

  • 코드 적용 전

 

  • 코드 적용 후

 


[코드 적용 방법]

 

크롬에 스타일봇 확장프로그램 적용 후,  아래 코드 입력.

 

a,p,span,div,pre,code {

  font-size: 16px;

  letter-spacing: 0px;

  font-family: Verdana, Geneva, Tahoma, sans-serif;

}


.dark .bg-black {

    --tw-bg-opacity: 0.7;

    background-color: rgba(0,0,0,var(--tw-bg-opacity));

}


.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {

    color: pink;

}

.hljs-bullet, .hljs-link, .hljs-selector-id, .hljs-symbol, .hljs-title {

    color: tomato;

}

.hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string {

    color: greenyellow;

}

.hljs-doctag, .hljs-formula, .hljs-keyword, .hljs-literal {

    color: skyblue;

}

 



분류 제목
talk 윈도우11/10 핀번호 로그인 설정 (Windows 11/10 PIN login Setting)
talk 구글 Gemini AI는 이해하는데 ChatGPT는 이해 못 하는 대화
pc ASUS 노트북에 윈도우11 프로 설치 (ASUS Notebook Windows 11 Pro Install)
pc 다음 팟플레이어 - 영상 화면 회전 단축키
talk 미국 트럼프 정말 쪼잔해. ㅡㅡ;
site 유튜브 댓글 글자크기 키우기 + 파란색으로 글자색 변경
talk AI (인공지능)에게 또 속았어요.
dance 길거리 댄스 촬영 중 갑자기 춤추며 다가오는 미소녀
military VF-25S 장갑 발키리 오즈마 커스텀 화력 덕후 로봇
talk 오늘 오전에 유튜브 에러 났던 거 아시나요?
1/164
목록
찾아주셔서 감사합니다. Since 2012