[CSS] 티스토리 스킨 - 형광펜 밑줄 효과

티스토리 스킨 - 형광펜 밑줄 효과 CSS 설정 방법을 정리합니다.

형광펜 밑줄 CSS

변경 전 후

노트로 사용중인 티스토리, 보기에 눈이 아파서 밑줄 형광펜으로 변경했다. 🥲

linear-gradient

.article-content strong {
    font-weight: bolder;
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', Pretendard, Roboto, 'Noto Sans KR' !important;
    color: var(--gthem-grey-color);
    text-decoration: underline;
    text-decoration-style: unset;
    text-decoration-color: var(--gtheme-yellow-color);
    padding:0 0.2em;
    background: linear-gradient(to top, var(--gtheme-byellow-color), transparent 60%);
}

• 변경 전 : background: var(--gtheme-byellow-color)
• 변경 후 : background: linear-gradient(to top, var(--gtheme-byellow-color), transparent 60%)
  (색상 변수로 설정되어있음)