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

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

2,032  

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;

}

 



분류 제목
web Bad Request 에러 (= 400 인터넷에러) 해결
web 에디트플러스 (EditPlus) - 테이블(표) 내용을 드래그 해서 메모장에 복사 시, 셀마다 일괄 줄바꿈 …
web PHP 공부하기 좋은 사이트 (chatGPT AI 답변)
web 무료 폰트 시용 시 주의 요망
web 사이트 CMS(Content Management System: 콘텐츠 관리 시스템 = 제작빌더) 확인 방법
web ChatGPT AI (무료/유료)버전 장단점
web 노트북에서 깃허브 코드 깔끔하게 보기 (= 깃허브 코드 글자크기/스타일 지정) ※ 화면 확대/축소 단축키
web PHP - Windows용 PHP 버전 (Thread Safe / None Thread Safe) 의미 차이…
web 스크래핑(scraping), 크롤링(crawling), 파싱(parsing) 개념 정의 차이
web 네이티브 앱 (Native App) / 웹 앱 (Web App) / 하이브리드 앱 (Hybrid App)
web 이클립스 (글꼴 / 글자 크기 = 폰트 사이즈) 조정. (Eclipse Font Size Control)
web 네이버 웹마스터 등록 (= 네이버 검색기 SEO 최적화) + sitemap (사이트맵) 제출 시 주의사항
web 유튜브 내 (사용자ID / 채널ID) 확인 (= youtube 나의/본인 (사용자아이디 / 채널아이디)) ※…
web 구글 리디렉션 사용법 (= 사용자에게 이동페이지 알려주기)
web 네트워크 해킹 유형 - 스니핑(Sniffing : 도청) + 스푸핑(spoofing : 변조/위조) - 보…
web 코드 찾는 방법 3가지
web 코딩 프로그램 기본 원리 + 좋은 프로그램 조건
web 티스토리 초대장제도 폐지 (tistory, invitation card, revocation)
web 홈페이지 유지 보수 관리할 능력이 없으면...
web G5 - alnum_ 의미
4/19
목록
찾아주셔서 감사합니다. Since 2012