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

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

2,098  

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 코딩/프로그래밍 배우려는 (사람 유형별 / 공부 목적별) 공부 시작 언어 추천
web 선호하는 프로그래밍 언어별 연애 스타일
web 카카오톡 오픈 채팅방 만들기
web 크롬에서 화면 클릭 시 커서 (= 세로 검은선/검정선/검은색/검정색/세로막대) 깜빡깜빡임 증상 (제거/없애기…
web (빌더/테마/스킨/플러그인) 제작 배포 시 필수 명시 사항
web 사용자 입력값 받아 표시하기 시스템 이해하기
web 이클립스 (게터/세터/생성자) 생성. (Eclipse Getter/Setter/Constructor Crea…
web (그누커머스, 그누프레스, 그누페이) 업데이트 중단 안내
web SEO (검색 엔진 최적화) 관련 작업사항.
web 네이티브 앱 (Native App) / 웹 앱 (Web App) / 하이브리드 앱 (Hybrid App)
web 이클립스 (글꼴 / 글자 크기 = 폰트 사이즈) 조정. (Eclipse Font Size Control)
web 아나콘다 쥬피터 단축키 (Anaconda Jupyter Shortcut Key)
web 유챗 - 회원만/특정레벨만 채팅 가능 설정.
web 코드 리뷰 시 점검사항
web 구글 (드라이브 + 문서 + 프리젠테이션)
web F12 (개발자모드) console (콘솔) + SSH콘솔 + CMD모드 등에서 위에서 작성한 내용을 그대로…
web F12 (개발자모드) console (콘솔)창 열기 ★ + 한줄 밑으로 이동해 내려쓰기
web 유튜브 댓글 작성 특수기호 - (해시태그/재생시간링크/굵게/기울게/취소선)
web 코드펜 같은 웹 개발 도구 사이트 모음 ※ 코딩 결과물 바로 확인 + Emmet 에밋 (= 빠른코딩/단축코딩…
web XSS 취약점 해결
5/19
목록
찾아주셔서 감사합니다. Since 2012