용건만 간단히, 움짤은 한 번 더 생각
금병영에 상의하세요
야생의 이벤트가 열렸다
즐겨찾기
최근방문

침하하 글 쓸 때 라이트/다크 모드에 따라 변하는 색 쓰는 방법

네이버탈퇴해버려서다시가입
24.09.07
·
조회 4496

진품먹품을 보면서

 

이번 진품먹품과 같이 이런 식으로(숨겨진 글) 글자를 가리는 글이 있어요. 그런데 이 방법에는 단점이 있습니다. 다크 모드를 사용하는 사람에게는 배경색과 너무 비슷해보여요. 뭔가 먹칠한 느낌이 안 나지 않나요? 아래 비교 이미지를 보시면 라이트 모드는 진짜 펜으로 칠한 느낌인데 다크 모드는 구멍이 뚫린 느낌..?

 

 

 

방법

 

침하하 사이트에서 쓰는 테마색을 이용하면 됩니다! 어떤 색이 있는 지는 이따가 이야기하도록 하고, 우선 사용법을 말씀드릴게요.

 

  1. 글을 쓰다가 가릴 내용을 먼저 적어놓습니다.
  2. 글쓰기 메뉴 맨 오른쪽의 <>소스를 선택합니다.
  3. 쓰던 부분을 찾습니다. 실시간으로 쓰고 있던 중이라면 맨 아래에 있을거예요.
  4. 가릴 부분 앞에 <span style="background-color: var(--default-font-color)">를 더하고, 뒤에는 </span>을 넣어줍니다.               
    (<span style="background-color: var(--default-font-color)">내용</span> 이런 모습이 되겠습니다.)
  5.  이 방법은 배경색을 기본 글자색으로 만들어줍니다. 이렇게요. 이제 이걸 입맛대로 고쳐서 글자색과 배경색을 바꿔봐요.

 

더 자세한 방법은 이래요. 저기 style=" “ 안에 있는게 꾸며주는 내용인데요, color: 하고 색을 쓰면 글자 색이 바뀌고, background-color: 하고 색을 쓰면 배경 색이 바뀌는 식이예요. 또 이 두 개를 같이 쓸 때는 사이에 세미콜론(;)을 쉼표처럼 넣어주세요. 그러니까 만약 style=”color: red; background-color: green"이라고 하면 이런 끔찍한 디자인이 나올 거예요. 실사용 때는 red와 green 부분이 원하는 색으로 바뀌는 거죠.

 

 

테마 색들

 

하지만 우리는 빨강, 초록 같은 시시한 색을 쓰려는게 아니잖아요. 침하하 사이트와 같이 어우러지며 변화하는 그런 색깔을 쓰려고 하는 거잖아요. 그래서 침하하의 색깔 목록을 적어보겠습니다.

 

순서는 색 / 이게 무슨 색인지 / 코드 로 표시하겠습니다

  • / 기본 글자 색 / var(--default-font-color)
  • / 기본 배경 색 / var(--default-background-color)
  • / 침하하 테마색(메뉴에 쓰인 거, 이건 바뀌지는 않아요) / var(--point-background-color)
  • / 인기글 게시판 말머리 배경색, 최근 방문 게시판 배경색, 침하하 버튼 배경색 / var(--alpha-5)

 

유용해 보이는 색은 저게 전부인 거 같아요. 또 쓰고 싶은 색이 있으면 알려주세요.

댓글
감자하다
24.09.08
BEST
음.. 완전히 이해했어
하깨팔이
24.09.07
html추
털보네안전놀이터
24.09.08
헤드 열고
헤드 닫고
감자하다
24.09.08
BEST
음.. 완전히 이해했어
긍정욱
24.09.08
= 이해 못했어
영롱런
24.09.08
음.. 완전히 개쉽네
힙합소울침착맨
24.09.08
아~ 나 완전 알았어(모름)
로웨굼뱅
24.09.08
쉬워서 못 풀겠는데요?
일론머스크3세
24.09.08
이것두 됨
일론머스크3세
24.09.08
일론머스크3세
24.09.08
없는댓글됨
@일론머스크3세
별모양똥구멍
24.09.08
<span style="color: pink; background-color: cyan var(--default-font-color)">침착맨사랑해</span>
천재일까
24.09.08
이걸로 프로그래밍 가능한가요
네이버탈퇴해버려서다시가입 글쓴이
24.09.08
https://resources.chimhaha.net/comment/1725774967320-7ybxl4xwu2v.jpg
일언절언수행
24.09.08
색쓰는 법 와드
수축맥그리거
24.09.08
나 완전 알았어.
나는야물개다
24.09.08
감사감사 스크랩완

📱IT&과학 전체글

유튜브 프리미엄 관한 질문
기타
22lmwl
·
조회수 362
·
24.11.17
기초적인 함수 모음 2
기타
무로돌아감
·
조회수 561
·
24.10.22
보스 QC 이어버드 신형 '잠깐' 사용기 2
기타
우건박
·
조회수 503
·
24.10.13
애플스토어 재고 아시는분 있나요? 2
기타
차돌짬뽕
·
조회수 684
·
24.09.23
노노그램도 풀 줄 아는 ChatGPT o1 ㄷㄷ
기타
어려워서잘풀겠는데요
·
조회수 615
·
24.09.13
현재글 침하하 글 쓸 때 라이트/다크 모드에 따라 변하는 색 쓰는 방법 16
기타
네이버탈퇴해버려서다시가입
·
조회수 4497
·
24.09.07
갤럭시 쓰는 분 계심? 핏3 써보심? 3
기타
스너프킨
·
조회수 755
·
24.08.28
한 눈에 보는 원주율이 3.14인 이유 8
기타
무로돌아감
·
조회수 1056
·
24.08.19
과연 오늘 몇 번이나? 1
기타
그림못그림
·
조회수 1101
·
24.08.05
고맙다,,,
기타
코지짱
·
조회수 938
·
24.08.05
아이패드 사서 침착맨 스티커 붙였어욤!! 1
기타
꽁꽁얼어붙은침착맨
·
조회수 1230
·
24.07.29
트랜스포머 계단
기타
무로돌아감
·
조회수 1298
·
24.07.23
노노그램 푸는 알고리즘 제작 2
기타
아기치타
·
조회수 1430
·
24.07.22
엽록소 vs 혈액
기타
무로돌아감
·
조회수 1379
·
24.07.17
수학 좋아하시는 분이 가장 많을 것 같은 곳에 묻습니다. 11
기타
참칭맨
·
조회수 1412
·
24.07.16
부산 해운대 블랙이글스 실물영접
기타
치킨이라는개념
·
조회수 1169
·
24.07.13
마이크로소프트, 중국지사 직원들 아이폰만 사용하도록 결정 1
기타
조자건
·
조회수 1180
·
24.07.09
갑자기 우주의 비밀을 깨달았슴 5
기타
웅취빵애애요
·
조회수 1227
·
24.06.28
마이크로소프트, AI 헛소리 금지 방안 연구 1
기타
조자건
·
조회수 1168
·
24.06.27
버즈3 유출됨 7
기타
파오후
·
조회수 1289
·
24.06.22
1 2 3