스킨편집2 다크모드용 네온 표 스타일 CSS 및 HTML 적용 코드 1. 목적티스토리 블로그를 다크모드로 커스터마이징하면서 가장 먼저 불편함을 느꼈던 영역은 표였다.표는 정보를 정리하고 비교할 때 유용한 도구지만 기본 표 서식은 다크모드 환경에서 시인성이 떨어졌고 색상 대비가 약해 내용이 묻히는 경우가 많았다.표만큼은 좀 더 선명하게, 그리고 필요할 때마다 쉽게 꺼내 쓸 수 있는 방식으로 바꾸고 싶었다.2. 원리표의 디자인은 HTML 구조와 CSS 스타일이 함께 작동하여 구현된다.기본적으로 요소는 브라우저나 스킨이 정한 스타일을 따른다.따라서 전체 스타일을 바꾸고자 한다면 두 가지 선택이 생긴다.CSS를 통해 전체 표의 디자인을 수정하거나특정 클래스(class)를 설정해, 원할 때만 스타일을 적용하는 방식으로 제한하거나후자를 선택하면, 글의 맥락에 따라 다양한 표 스타.. 2025. 3. 31. 다크 모드 커스터마이징 CSS 코드 블럭 올 초부터 옵시디언을 사용하기 시작하며 그간 생소했던 마크다운 문법과 CSS 등을 배우고 있다. 동네 사람들 모두 에버노트 쓸 때도, 번거롭고 유료 앱이라고 쓰기를 거부했던 나였는데...이젠 출근과 동시에 옵시디언부터 무조건 키고 하루를 시작한다. GPT 유료 버전에 한 번 맛들린 후로 정보화 도구의 활용도에 따라서 얼마나 삶의 질이 달라질 수 있는가를 체험한 것이 컸다. 작년, 교육청에서 교원들의 정보화 역량 증진을 위해 10만워 가량의 바우처를 지급했었는데, 처음 받을 당시엔 왜 이런 귀찮은 일을 또 시키나... 했었건만, 결과적으로 나같은 사람 한 명은 본청의 계획대로(?) 변하고야 말았다. 잡설이 길었는데... 여하튼, 마크다운 문법에 익숙해지다보니 자연스럽게 밀쳐두었던 티스토리 블로그도 다시 살.. 2025. 3. 30. 이전 1 다음
