스타일리시

덤프버전 :

분류

Stylish

파일:stylish.png

제작자
Jason Barnabe
제작사
SimilarWeb
제작일
2005년 10월 9일
종류
브라우저 확장 기능
사이트
공식 홈페이지
1. 개요
2. 지원하는 웹 브라우저
3. Edit 사용 방법 및 CSS
4. 적용 예시 (다크모드+공간최적화)
4.1. 모든 사이트
4.2. 나무위키
4.3. 나무위키 게시판 [d]
4.7. 위키백과 (Wikipedia)
4.8. 파파고 (번역기)
4.9. 유튜브 (Youtube)
4.11. 스타일리시 [d]
5. 관련 문서


1. 개요[편집]

CSS 편집을 통해 웹사이트[1]를 사용자가 원하는 색상, 모양으로 인터페이스를 자유롭게 변경이 가능한 웹 브라우저 확장 프로그램이다.

사용자가 원하지 않는 요소[2]를 제거할 수도 있다.


2. 지원하는 웹 브라우저[편집]



3. Edit 사용 방법 및 CSS[편집]

How to make a custom theme with stylus for userstyles (Basics) (2017.3)

1. 웹사이트에서 Ctrl+Shift+C를 눌러 변경하고싶은 항목에 클릭[3]하면 색상[4], 모양 등의 css를 확인한다.[5]
2. 편집하고 싶은 해당 css를 복사,
3. Stylish아이콘 클릭 - 점3개(⫶) 단추 클릭 - Create New Style 클릭 - Sections에 붙여넣기하여 편집하면 된다.[6]

재편집 하고 싶다면 Stylish아이콘 클릭 - Edit(연필모양) 단추를 클릭한다.
Sections안의 ⨂표시는 적용이 안된다는 뜻이고 그 아래 것들까지 적용이 안될수도 있으니 주의한다.
편집하면 탭 이름 앞에 *표시[7]가 나타나서 편집/저장 여부를 확인가능하고 저장 안하고 종료하려할경우 경고메시지가 뜬다.
중복 적용되는 것이 있다면 그중에 아래에 있는 것으로 적용된다.

Specify버튼을 눌러 URLs starting with에 웹사이트 url를 삽입한다.
웹사이트마다 css의 구성 요소가 많이 다르기 때문에 각 웹사이트마다 따로 만들어서 적용해야한다.(하위 문단 참조)
  • css 색상 (빨/초/파/흑/백): f00 / 0f0 / 00f / 000 / fff [8]
반투명 색상(초록/백색): rgba(0,255,0,.5) / rgba(255,255,255,.5) / 투명도: .01~.99
color / background / fill / stroke
글씨 / 배경 / 아이콘 색상.
filter:invert(100%);
색상 반전.
  • css 크기 종류: {◇} / {ᛨ↔} / {↑ ↔ ↓} / {↑ → ↓ ←} / -top/right/bottom/left
css 크기 단위: px=고정된 크기. / em,rem=부모 요소의 배율을 조정한 크기.
font-size/-weight
글씨 크기/두께[9].
width / height / min-height
창 크기.
border
테두리/커서 두께, 모양, 색상. border-radius:모서리 둥글게.
box-shadow
(border와 유사)
padding
내부 공간.
margin
외부 공간/크기/위치 변경.
line-height
줄 간격.[10]
display:none;
표시 안함.(제거)
float:left/right / justify-content:flex-start/:flex-end
배치 위치-좌/우
  • 링크: link(방문 안한 상태[11]) / visited(방문 상태) / hover(커서 머문 상태) / active(버튼 누른 상태)


4. 적용 예시 (다크모드+공간최적화)[편집]

아래의 각 웹사이트에 적용되는 다크모드 배경색은 완전한 검은색(블랙), 글씨는 기존 흰색에서 초록,노랑,주황 등으로 바꿔 블루라이트+눈부심 현상을 최소화 하였다.
적용하기에 앞서 바탕 화면 우클릭 - 개인설정 - 고대비를 다크모드로 설정해야 한다.
※Stylish를 열어서 Sections에 박스(네모상자) 안의 css값을 복사해서 붙여넣기 하면 적용된다.


4.1. 모든 사이트[편집]

.find-styles, .entry, ::-webkit-scrollbar, ::-webkit-scrollbar-track-piece{background:#000!important;}.tabs-container{background:#020!important;}::-webkit-scrollbar-thumb{background:rgba(0,255,0,.5)!important;}body#stylish-popup .thumbnail{max-height:30px!important;}::-webkit-scrollbar{width:9px!important; height:9px!important;}
※(적용효과)스크롤바 두께가 절반으로 줄어듬, 스타일리시 미니창 색상을 어둡게함.


4.2. 나무위키[편집]

나무위키의 CSS 값에 대한 설명 [펼치기/접기]
article / .wiki-heading-content>.wiki-paragraph / .wiki-table td / span.wiki-color = 본문의 내용/문단/표/색깔있는 글씨
.wiki-link-internal / .w .wiki-paragraph .wiki-link-external = 본문의 내부/외부 링크.[1]
.wiki-link-external:before = 본문의 외부링크 기본 아이콘.
.wiki-macro-toc / .wiki-hr-4 = 본문의 목차 공간 / 표 사이 공간.
.toc-indent / .wiki-macro-toc:before = 목차의 내부공간 / 제목("목차").
.app:not(.senkawa-hide-sidebar).senkawa-left-sidebar article = 본문과 사이드바 사이의 공간.
article>h1>a>span = 대문 제목 좌측 이름("나무위키:").
.monaco-editor-background / form div.a>textarea = 편집의 편집기(기본)/RAW편집 공간.
article>table / .equal = 역사 - 비교 테이블 / 내용.
aside>div.c / aside h5 / aside>div>div>a / aside>div>a / aside span = 좌측 사이드바의 배경/제목/내용/더보기/시간.
.senkawa-left-sidebar aside = 촤즉 사이드바 공간.
article>div>form / section>div.search-item / section>div>h4 / div.l = 검색창의 검색바/항목/문서이름/안내문("찾는 문서가 ~").
.theseed-dark-mode div.r>div.g>a = 우측 상단 박스의 내용.(역링크,토론,편집 등) [t]
div.r div.h / div.r div.b / div.r div.w = 토론의 사용자 / 내용. (div.r.v로 하면 0.01초마다 적용이 됐다 안됐다 반복하는 버그가 생긴다)
nav span = 최상단 메뉴 제목.(최근변경,최근기록,아카이브)
div>span.r>button / form>div>span.l>a = 최상단의 검색바 주변 아이콘.
.i.arcalive / a::after = 최상단의 아카이브 ● / 특수기능 ▼ 아이콘.
aside>div>iframe, div[data-google-query-id] = 좌측 사이드바 광고.
article>div.c / article>div>div.p = 본문 상단/하단의 광고.
#search-ad = 검색 페이지에 나오는 검색단어와 관련된 광고.
#app>div>ul a = 좌측 하단 네이게이션 컨트롤.
div.s / div.s>h1 / div.s>header / div.s div / div.s label = 설정의 내용/제목/목록/항목.
div.cl / div.cl h3 / div.cl ul / div.cl h2.wiki-heading = 분류의 배경/상위/하위항목/~에속하는문서.
input[type=radio] / input[type=checkbox] = 역사/설정의 ○/□ 선택 단추.
.theseed-dark-mode a[data-v-193fc2b2] = 최상단 특수기능 클릭시 나오는 메뉴 내용. [t]
a[data-v-decdc61a] = 좌측 최상단 나무위키 로고.
footer / div[data-v-21b51625] = 최하단 공간/내용(영어로 표시).
a[data-v-fcf44970] = 역링크,역사,기여목록의 이전/다음 박스.
div.a[data-v-4188c549] = 본문 상단의 리다이렉트, 문서 편집의 알림 표시.
h1+div>ol+div+table+div = 기여 목록의 최하단 버튼.
article>div+h1+div.a = 리그베다 설명문.
// (미사용) td>.wiki-paragraph>div, .wiki-table td, .wiki-table div = 본문 표(테이블) 안의 이미지. padding 설정시 이미지 주변에 표 테두리가 튀어나오는 문제가 있다.
// (미사용) article>div>div>h2 = 본문 분류표 안의 "분류:".
※data-v-(숫자): 대부분이 일정 시간이후 숫자 부분이 변경된다. (문서 역사, 좌측 사이드바, 광고, 리그베다 설명문 등)


article>h1+div>form>div>input{background:#000!important;}.monaco-editor, .theseed-dark-mode .wiki-table td, .wiki-table-wrap td, article, aside>div.c, button, div.a, div.app, div.monaco-editor-background, div.r div.b, footer, form>div>span.l>a, input, nav, table, td.skip, textarea, thead, tr>th, .v--modal{background:#000!important;}td[rowspan='1']>div>div{background:#000!important; color:#0a0!important;}.w .wiki-table-wrap.table-center{margin:3px 2px 3px 0!important;}.popper, td[colspan='2']>div>div{background:#020!important;}.wiki-quote, div.g>a, select, td.insert{background:#010!important;}form>div>span.l+div>div, div.margin-view-overlays{background:#020!important;}ins.diff{background:#060!important;}td.delete{background:#200!important;}del.diff{background:#600!important;}header>ul>li.a{background:#aa0!important;}td>div>a img{background:#0d0!important;}.wiki-heading-folded{background:#010!important;}article, blockquote, div.wiki-paragraph, form>div>span.l+div div, form>p+div+ul>li>span.l, input, textarea{color:#cf7!important;}.theseed-dark-mode a[data-v-193fc2b2], .wiki-link-internal:visited, .wiki-paragraph>a>font, .wiki-table-wrap span, a::after, a:visited, option, select{color:#0f0!important;}#app>div>ul a, .theseed-dark-mode div.r>div.g>a, div>span.r>button, form>div>span.l>a, h1, nav span{color:#0e0!important;}.wiki-self-link:visited, td>time, ul>li>button{color:#0c0!important;}article>h1>a>span, aside>div>a, aside>div>h5{color:#080!important;}.wiki-fn-content{color:#840!important; font-size:.7em!important;}.wiki-link-internal, a, ul>li>a{color:#fc0!important;}h2.wiki-heading{color:#9e0!important; font-size:1.3em!important;}h3.wiki-heading, .wiki-macro-toc:before{color:#dd0!important;}h4.wiki-heading{color:#e7a!important; font-size:1.2em!important;}h5.wiki-heading{color:#b96!important; font-size:1.15em!important;}.w .wiki-paragraph .wiki-link-external, .w .wiki-macro-footnote .wiki-link-external{color:#5bd!important;}.w .wiki-paragraph .wiki-link-external:visited, .w .wiki-macro-footnote .wiki-link-external:visited{color:#a4d!important;}div[data-v-21b51625], ul>li>strong{color:#bba!important;}aside span, ul>li>i{color:#666!important;}div.s{color:#ee0!important;}.w .wiki-link-internal span, article>footer>p{color:#cc0!important;}th{color:#aa0!important;}article{border:0!important; padding:.3rem .3rem 0 .3rem!important;}div.g>a{border:1px solid #333!important;}.wiki-heading, .wiki-hr-4, fieldset{border:1px solid #090!important;}.wiki-macro-toc{border:1px solid #040!important;}.wiki-table td{border:1px solid #660!important;}.wiki-macro-footnote{border:2px dotted #333!important; padding:4px 1px 4px 3px!important;}.wiki-quote{border:2px dashed #080!important; padding:5px 5px 0!important; margin:14px 0!important;}div.cl, div.cl h3, div.cl ul, div.cl h2.wiki-heading{padding:0!important; margin:0!important;}fieldset, tbody>tr>th{padding:0!important;}.popper, div.r div.b, div.r div.h{padding:3px!important;}form.c>textarea{padding:0 0 0 2px!important;}form>div.c>div.a.p, form>div.c>div.a>textarea{padding:0 0 0 4px!important;}article>div>table td{padding:1px 0 1px 3px!important;}article>div>ol, .equal{padding:3px 0 3px 4px!important;}.wiki-macro-toc{padding:2px 8px 2px 0!important;}#tchikacb1f1316>div>a{padding:4px 0 4px 2px!important;}aside>div.c>div>a{padding:3px 0 3px 0!important;}.toc-indent{padding-left:6px!important;}.wiki-heading{padding-bottom:0!important; margin:.9em 0 .2em!important;}.popper, .toc-indent, article, article>div>form, article>div>h3, article>div>ol, div.a, div.a.p, div.r div.w, div.s>h1, div.s>header, div.s label, div.wiki-paragraph>span{margin:0!important;}aside h5{margin:1rem!important;}.wiki-table-wrap{margin:3px 0!important;}.wiki-hr-4{margin:.4em 0!important;}div.s div, h1+div>ol+div+table+div{margin:0 0 9px!important;}form>div.g{margin:.4em 0 0!important;}.w .wiki-list{margin:.2em 0 .2em 1em!important;}.w .wiki-list li{margin:.2em 0!important;}section>div>h4{margin:5px 5px 0!important;}article>div.c+div>div{margin:0!important; padding:0!important;}article>div.c+div>div.a{margin:-19px 40% -4px!important; padding:0 3px!important;}aside span{margin-right:-28px!important;}article>table, fieldset{margin-top:2px!important;}div.w{margin-top:6px!important;}div.main-pane-right{margin-top:-115px}article>p, form>label{margin-bottom:0!important;}.w>.wiki-paragraph, .wiki-heading-content>.wiki-paragraph, article>div>ol+div+table{margin-bottom:3px!important;}aside{margin:0 0 0 .2rem!important; width:10rem!important;}article>h1{margin:0 0 16px!important;}.monaco-scrollable-element editor-scrollable vs-dark{width:1500px!important;}div.monaco-scrollable-element{left:33px!important; width:97.5%!important;}div.wiki-paragraph>span>a{width:0!important;}#logInput{width:50%!important;}div.line-numbers{width:25px!important;}div.margin-view-overlays{width:33px!important;}.popper{min-width:200px!important;}div.a.p, div.editor, div.editor, form div.a>textarea{height:48rem!important;}aside>div>a, aside>div>h5{line-height:0!important;}.wiki-paragraph>br{line-height:.5!important;}article>h1{line-height:.9!important;}.w{line-height:1.3!important;}.footnote-list{line-height:1.5!important;}article>h1{font-size:1.8rem!important;}h3.wiki-heading{font-size:1.25em!important;}.wiki-paragraph>div, aside a, aside span, span>time{font-size:.9em!important;}form>label>span{font-size:.7em!important;}#search-ad, .wiki-link-external:before, article>div.c, article>div>div.p, aside>div>iframe, div[data-google-query-id], footer{display:none!important;}.i.arcalive, .wiki-dynamic-6b1992b734713ed10676430ef78bdf4d>tbody>tr>td>div>div>a, a[data-v-decdc61a]{filter:invert(50%)!important;}.grecaptcha-logo>iframe, input[type=radio], input[type=checkbox]{filter:invert(100%)!important;}
  • url[s]: https://namu.wiki
나무위키 설정에서 '다크 테마 사용'[12], DarkReader는 해제한다.
※문단크기 축소, 광고+외부링크 기본아이콘+번쩍임 현상[13]+불필요한 빈 공간 제거, 편집창+미리보기창 세로길이 60% 증가, 편집+역사에서 드래그 할필요없이 한눈에 다 볼수있도록 공간최적화, 역링크+분류 3줄에서 4줄로 증가, 방문한 링크 색상 변경[l], 변경내역+토론내역에서 중복된 링크 색상을 서로 다른 색상으로 분리[14], 표 안의 배경,색상을 검정,초록으로 통일[15], 화면 가장자리의 각주 팝업창이 잘 안보이는 문제점 고침.
# 나무위키 - 토론
div.r div.h{background:#010!important;}h2{color:#af0!important; margin:.1em 0 .1em!important;}h2+div.c>div.r{padding-bottom:.4rem!important; line-height:1.3!important;}h2+div.c>div.r div{margin-bottom:0!important;}h2+div.c>div.r blockquote{margin:.4em 0!important;}h2+div.c>div.r br+br{display:flex; content:""; margin:5px 0!important;}form.c>button{margin:3px 130px 30px 0!important;}
  • url[s]: https://namu.wiki/thread
# 나무위키 - 편집
article>div+h1{font-size:1.5rem!important; margin:0 0 5px!important;}div.w{margin-top:1px!important;}form>ul{height:26px!important;}form>ul>li>button{padding:.2em 1.4em!important;}form>ul>li+li>button{padding:.2em 1em!important;}h1>a+small{color:#aa0!important; font-size:80%!important;}form li button.a{color:#0f0!important; background:#030!important;}form>label+button{margin:-33px 0 0!important;}div.a{margin:0 35% -23px!important; padding:0 0 0 5px!important; line-height:1.1!important;}div.a>strong{color:#e00!important;}div.a[data-v-4188c549]{color:#ab0!important;}form+div.force-font-size-13{display:none!important;}
  • url[s]: https://namu.wiki/edit | https://namu.wiki/new_edit_request
# 나무위키 - 역사, 비교
article>div+h1{margin:0 0 5px!important; font-size:1.5rem!important;}article>div>form{margin:0 0 0 18%!important; line-height:1.3!important;}article>div>form>p{margin:0!important;}article>div>form>p+div{margin:-50px 0 0!important;}article>div>form>p>button{margin:0 375px!important; color:#0f0!important;}article>div>form>div{margin:0 40px!important;}article>div>form>ul{margin:-1.5em 0 .1em 1.5em!important;}article>div>form>ul+div{margin:0 40px 9px!important;}article>table{margin:0 0 0 15%!important;}form>ul>li{margin:.3em 0!important;}article>h1+div.a{display:none!important;}
  • url[s]: https://namu.wiki/history | https://namu.wiki/diff
# 나무위키 - 역링크, 분류
button.s{color:#0b0!important;}.cl+.cl>div>div+div+div, .cl+.cl+.cl>div>div+div, .wiki-paragraph, article>div.c+div>div, div.w{margin:0!important;}.cl+.cl>div>div+div{margin:-90px 0 0 400px!important;}.cl>div>div.c, .cl+.cl>div>div.c, .cl+.cl+.cl>div>div.c{margin:-20px 0 0!important;}.cl+.cl>div>div+div+div.c{margin:-40px 0 0!important;}.cl>div>div{margin-left:30px!important;}.cl>div>div+div{margin-left:0!important;}article>h1+div>div.c{max-height:770px!important;}fieldset{width:500px!important;}article>h1{font-size:1.4rem!important;}h3{font-size:1.3em!important; color:#bba!important;}.cl a{font-size:1rem!important;}.cl{line-height:1.4!important;}fieldset+div+div.c{column-count:4!important;}.cl>div>div.c{column-count:5!important;}.wiki-paragraph>br{display:none!important;}
  • url[s]: https://namu.wiki/backlink | https://namu.wiki/w/%EB%B6%84%EB%A5%98
# 나무위키 - 사용자 기여목록
span>span.p{color:#0a0!important;}tr>td>a+span{color:#774!important;}.wiki-link-internal:visited span, tr>td>a+a:visited{color:#e7a!important;}tr>td>a+a{color:#aa6!important; margin:0!important;}tr>td>a{margin-right:15px!important;}article>div{margin-left:300px!important; max-width:50%!important; min-width:800px!important;}article>div>p{margin:-21px 0 0!important;}th{padding:1px 0 1px 3px!important;}td{line-height:1.4!important;}
  • url[s]: https://namu.wiki/contribution
※기여목록의 문서명과 우측 역사·비교·토론 항목과 거리두기+색상 변경으로 명확히 구분시킴.
# 나무위키 - 최근 토론/변경내역
span>span.p{color:#0a0!important;}tr>td>a+span{color:#774!important;}.wiki-link-internal:visited span, tr>td>a+a:visited{color:#e7a!important;}tr>td>a+a{color:#aa6!important; margin:0!important;}tr>td>a{margin-right:8px!important;}article>div{margin-left:250px!important; max-width:60%!important; min-width:990px!important;}th{padding:1px 0 1px 3px!important;}td{line-height:1.4!important;}
  • url[s]: https://namu.wiki/RecentChanges | https://namu.wiki/RecentDiscuss
※기여목록의 문서명과 우측 역사·비교·토론 항목과 거리두기+색상 변경으로 명확히 구분시킴.
# 나무위키 - 내 문서함
article>h1{font-size:1.2rem!important; color:#0c0!important; margin-bottom:3px!important;}article>div{margin:-20px 0 0 250px!important;}article ul>li{margin:0!important;}article li>a{margin-right:9px!important; font-size:1rem!important;}article>div>ul{padding-bottom:1.5rem!important; column-count:2!important;}
  • url[s]: https://namu.wiki/member
※줄 간격을 줄이고, 두 줄로 분리.
# 나무위키 - 검색
section>nav a{background:#000!important;}section>nav a:hover{background:#220!important;}section>nav a.a{background:#020!important; color:#f00!important; font-size:16px!important; font-weight:700!important;}span.search-highlight{background:0!important; color:#f22!important; padding:0!important;}article>h1{font-size:1.2rem!important; color:#0c0!important; margin-bottom:3px!important;}section>div>h4>a:link{font-size:1.2rem!important; color:#fc0!important;}section>div>h4>a:visited{font-size:1.2rem!important; color:#0d0!important;}.search-item>div{font-size:1rem!important; line-height:1.2!important;}article>div>div.s{padding-bottom:0!important;}section>div.search-item{padding-bottom:.1rem!important;}article>div>div.a{padding:.2rem .4rem!important; margin:-25px 35% -15px!important; min-height:1.4rem!important; line-height: 1rem!important;}section>nav>ul{margin:.5rem!important;}section>nav{float:left!important; margin-left:400px!important;}i.ion-md-document:before{filter:invert(100%)!important;}
  • url[s]: https://namu.wiki/Search


4.3. 나무위키 게시판 [d][편집]

#navbar.navbar-default, .comment_body div, .comment_body span, .panel, .read_body div, .read_body span, footer, h2, h3, h4, ol, option, p, select, span>button, table, td, th, ul{background:#000!important;}#smart_content, .xpress-editor .tool{background:#010!important;}.active>a{background:#030!important;}.widgetBoxC .widgetBoxHeader{background:0!important;}.comment_body li, .comment_body p, .comment_body div, .read_body li, .read_body p, .read_body div, span, td{color:#cf7!important;}span.date, span.time, td.no, td.notice, td.time{color:#9e0!important;}#navbar a, .category a, .fbHeader, .title>a:visited, a.num, h2, h2 span, h3, h3 span{color:#0e0!important;}.title>a{color:#fc0!important;}.btnArea a, .comment a, .replyNum.opt, a.widgetMore{color:#ff0!important;}.comment a:visited, .replyNum.opt:visited{color:#f22!important;}.author>span, .name{color:#eab!important;}strong{color:#ffd!important;}#navbar .nav>li+li+li+li+li>a, .comment_body a, .read_body a{color:#5bd!important;}.comment_body a:visited, .read_body a:visited{color:#a4d!important;}.board_write, .btnArea, .fbHeader, .feedback, .input_control, .read_footer, .viewDocument, .write_author, .write_editor, .write_form, .write_header, .write_header input, .write_header select{border:0!important;}.board_list table{border-top:0!important; line-height:2!important;}.editor_autosaved_message, a.d{border:1px solid #0c0!important;}#smart_content, .btnArea>a, .on>a, a.widgetMore{border:1px solid #cc0!important;}.viewDocument+.board_list, .fbHeader{border-top:2px solid #0c0!important;}.board_list table, .xpress-editor .tool{border-bottom:1px solid #0c0!important;}.panel-default{border-color:#0c0!important;}.btnArea, .latest_white, .write_author, .write_editor, .write_form, .write_header, .write_header .notice, p.item{padding:0!important;}div.b, div.h{padding:3px!important;}#content, .editor_autosaved_message, ul.category a{padding:0 5px!important;}input[type='submit']{padding:3px 9px!important;}a.widgetMore{padding:3px 14px!important;}.btnArea>a{padding:6px 22px!important;}#footer, .fbHeader, .fbMeta, .read_body{padding:5px 0!important;}#navbar a{padding:5px 5px!important;}.write_option, p.title{padding:5px 0 0!important;}.btnArea{padding:4px 0 1px!important;}p.meta{padding:0 0 5px!important;}td.title{padding:0 0 0 5px!important;}ul.category a{padding-bottom:4px!important;}div.r{padding-bottom:9px!important;}style+body{padding-top:30px!important;}#smart_content, .btnArea, .input_area, .panel, form, ul{margin:0!important;}#navbar a{margin:0 10px!important;}#navbar .nav>li+li+li+li+li{margin:0 0 0 40px!important;}.pagination, .row{margin:4px 0 0!important;}h2, h3{margin:.4em 0 0!important;}.btnArea, span.d{margin:-25px 0 0!important;}.btnArea+form{margin:-12px 0 0!important;}.xe-widget-wrapper, .board_read{margin-bottom:2px!important;}td.notice{width:120px!important;}td.author{width:180px!important;}td.time{width:200px!important;}.write_header>select{width:15%!important;}.widgetBoxC .rcTop{top:0!important;}.widgetBoxC .rc{height:1px!important;}.navbar-brand{height:30px!important;}#navbar{min-height:30px!important;}.xe_content{line-height:1.3!important;}ul.category{line-height:28px!important;}span.time{font-size:12px!important;}#board_list td, .latest_white ul li .date, .read_header, .replyNum.opt, .write_header, h1, h2, h3, body{font-size:15px!important;}.xpress-editor li>button, button.input_control, input[type='checkbox']{filter:invert(100%)!important;}#navbar a.navbar-brand, #scrollLeft, #scrollRight, ul.list-inline{display:none!important;}
  • url[s]: https://board.namu.wiki
※불필요한 빈 공간 제거, 방문한 링크/게시판 색상 변경[l], 게시판 목록에 서로붙어있는 번호와 제목 거리두기, 글씨크기 증가.


4.4. 나무뉴스[편집]

#gcse-searchresults div, #layoutRoot>div, #nnMainArea>div>div>div, #nnMainArea>div>div>div>div, .gsc-input-box, .gsc-search-button, input, table, textarea{background:#000!important;}#nnMainArea button:not(:disabled):not(.disabled).active{background:#000!important; border-color:#ffd!important;}.gsc-selected-option-container{max-width:100%!important;}#nnMainArea span, #nnMainArea>div+div>div+div>div>div+div, article+div+div>div>div+div+div>div+div>div>div>div>div+div+div{padding:0!important;}textarea{padding:2px!important;}.gsc-result{padding:1px 0!important;}.hljbsw{color:#f90!important;}#nnMainArea>div+div>div+div>div>div>div+div>div, a>div>div>div+div{color:#e90!important;}.dQptdp{padding:0 0 0 20px!important;}article{padding-bottom:8px!important; border-bottom:1px solid #0a0!important;}div+article+div+div>div>div+div+div, div>div+article, .hQwcry, .iFdeGl{margin:0!important;}.dQptdp .gtYtei{margin:2px 80px 0 0!important;}#nnMainArea>div{margin:0 -70px 0 70px!important;}#nnMainArea>div+div>div+div>div{margin-bottom:9px!important; padding:4px 0!important;}#nnMainArea>div+div>div+div>div>div>div{color:#0d0!important; font-size:2rem!important;}#nnMainArea>div+div>div+div>div>div>div+div{font-size:1.6rem!important;}#nnMainArea>div+div>div+div>div>div>div+div+div{margin:-25px 9px 0 0!important;}.gsc-orderby-label, .gsc-result-info{font-size:13px!important; color:#0a0!important; padding:0!important;}.gsc-option-menu-item>.gsc-option, .gsc-tabHeader>span{font-size:13px!important; color:#0e0!important;}.gsc-option-menu-item-highlighted>.gsc-option, .gsc-selected-option{font-size:13px!important; color:#ee0!important;}.gsc-selected-option-container{height:24px!important;}#nnMainArea>div+div>div+div>div>div+article+div+div>div, .sticky-inner-wrapper a, .sticky-inner-wrapper div{font-size:1.4rem!important;}#nnMainArea>div+div>div+div>div>span+div+div{margin-top:6px!important;}#nnMainArea>div+div>div+div>div>span+div>a{margin:2px 60px 2px 90px!important; border-bottom:1px solid #0a0!important;}#nnMainArea>div+div>div+div>div>span+div>a>div{margin:-2px 0!important; padding:0 0 4px!important;}#nnMainArea>div+div>div+div>div>span+div>a>div+div{padding:3px 0 0!important;}#nnMainArea>div+div>div+div>div>span+div>a>div+div>div>div+div{margin:-21px 0 0 460px!important; font-size:1.5rem!important;}#nnMainArea>div+div>div+div>div+div>span+div>a>div{margin:0 0 -2px!important;}#nnMainArea>div+div>div+div>div+div>span+div>a>div>div>div+div{margin:-39px 0 -4px 490px!important; font-size:1.5rem!important;}#nnMainArea>div+div>div+div>div+div>span+div>a>div>div>div{margin:-2px 0 14px!important; padding:0 0 6px!important;}.sticky-inner-wrapper>div{margin-bottom:9px!important;}.sticky-inner-wrapper>div>a{margin-bottom:4px!important;}.sticky-inner-wrapper>div>a+div>div{padding:2px 9px!important;}.sticky-inner-wrapper>div>a+div+div{margin:5px 20px 0!important;}.sticky-inner-wrapper>div>a+div+div>div{margin:1px 0!important;}.hdDYJJ{margin-bottom:0!important;}.kJKNYI{margin-right:140px!important;}.gtYtei, article+div+div>div>div+div{margin-top:3px!important;}article+div+div{margin-top:6px!important;}article+div+div>div>div+div+div>div+div{margin-top:-9px!important;}.dQptdp .iFdeGl span{margin-top:-30px!important;}#layoutRoot>div>div>a+div+div+div+div+div+div>div+div>div, #nnMainArea button, .cERjxQ, .kzCPGY{background:#010!important;}.sticky-inner-wrapper div>a, .xmbqsi-0, a.gs-title{color:#fc0!important;}.bsnSrG, .buSMaV, .cmNKop, .ewIkQi, .hQwfkf, .kBskAR, .kGkgSt>div, .kzCPGY, .sticky-inner-wrapper div>a:visited, .xmbqsi-0:visited, a:visited div, a.cdetun-3, a.gs-title:visited{color:#0e0!important;}#nnMainArea>div+div>div+div>div>div>div+div>span{color:#f22!important;}#layoutRoot>div>div>a+div>a, #nnMainArea>div+div>div+div>div>span, .fGFPDP, .fGFPDP a, .LQfau, a+div+.voted{color:#0b0!important;}.notVoted+div+.voted{color:#c00!important;}#nnMainArea button, .cfHLwa, .edTfYy article, .edTfYy div, .gmmEWL, .gs-snippet, .gtYtei, .ibLyOc, .kgfrrU, input, table{color:#cf7!important;}#nnMainArea button:not(:disabled):not(.disabled).active, .cERjxQ, .gs-title>b{color:#ffd!important;}#layoutRoot>div>div>a+div+div>a{color:#5bd!important;}.cdetun-3.active a, .gsc-tabhActive{color:#ff0!important;}#nnMainArea button, .feDSQT{border-color:#ff0!important;}.kBskAR, .kPyRAQ{padding:0!important;}.AFcMR{padding:10px!important;}.dWJbDM>img{filter:invert(50%)!important;}.EKBTz{padding:0 8px!important;}div>div+article{line-height:1.3em!important;}br{display:flex; content:""; margin:4px 0!important;}#ad-sidebar, #layoutRoot>div+div+div+div, .gsc-adBlock, article>#article-b, article>#article-c{display:none!important;}article span{font-size:1.4rem!important; color:#ae0!important;}article span+span{color:#0e0!important;}#layoutRoot>div>div{flex:0!important;}
  • url[s]: https://namu.news
※광고+불필요한 빈 공간 제거, 방문한 링크/게시판 색상 변경[l], 줄간격 대폭 축소.


4.5. 아카라이브[편집]

.board-article, .dialog, .form-control, .fr-wrapper, .fr-toolbar, .fr-second-toolbar, .navbar-wrapper, .sidebar-item, input{background:#000!important;}.dropdown-menu, .info-row, .title-row, a.page-link, button{background:#010!important;}.vrow.active{background:#030!important;}.alert, .page-item.active .page-link, a.vrow:hover{background:#080!important;}.vrow.notice-board{background:#200!important;}.visited-channel-list{background:#220!important;}.leaf-info, .vrow.notice-service{background:#222!important;}footer{background:#111!important;}.badge-success{background:#222!important; color:#cf7!important;}.board-title>.desc+.desc, .col-title, .form-control, .fr-box, .leaf-info, .col-author, .col-time, .message pre, .text-muted, p{color:#cf7!important;}.board-title>.desc, .col-view, .col-rate, .comment-count, .edit-link, .edit-menu>span+a, .visited-channel-list>li>a{color:#ee0!important;}#rateUp, .board-title>a:visited, .col-id, .col-title>a:visited, .link-list>a:visited, .nav-link, .right>.reply-link, .title-row, a.vrow:not(.active):visited, a.vrow:visited .col-title, a.vrow:visited .title, span.head{color:#0e0!important;}.article-comment, .member-info>span, .sub-row, .write-head, .visited-channel-list>li, div.item-title, h4{color:#0b0!important;}.board-title>a, .link-list>a, a.vrow .col-title, a.vrow .title, a.vrow:not(.active){color:#fc0!important;}.user-info>a:visited{color:#f22!important;}.user-info>a{color:#e7a!important;}#rateDown, .edit-menu>a, .right>time+a{color:#e00!important;}.board-category>li a, a.item-title, label, time{color:#8e0!important;}.sep{color:#aa9!important;}.alert, .body .board-article .article-list .list-table a.vrow:visited, .board-category>li.active a, .right>.sep+a{color:#eec;}.article-wrapper a[target='_blank']:visited{color:#a4d!important;}.article-wrapper a[target='_blank']{color:#5bd!important;}.board-title{border-top:0!important;}.subscribe-btn{border:1px solid #a00!important;}.subscribe-btn.active{border:2px solid #ee0!important;}.item-title, .subtitle, span.head{margin:0!important;}.containe-fluid, .board-article{margin:0 19rem 0 0!important;}.board-title{margin:0 5rem 0 6rem!important;}.article-wrapper{margin-top:.1rem!important;}.form-group{margin-bottom:0!important;}.sidebar-item{margin-bottom:4px!important;}.alert, .comment-item, .board-article{margin-bottom:9px!important;}.pagination-wrapper{margin:-15px 300px 55px 0!important;}.search-form{margin:-30px 150px 0 0!important;}#vote{margin:-1rem 0 -2.8rem!important;}.dialog, footer{margin:0!important; padding:2px!important;}.board-article>div, .edit-menu, .write-head, label{padding:0!important;}.alert, .title-row, .visited-channel-list, a.vrow{padding:.1rem .4rem!important;}.info-row{padding:.1rem .7rem!important;}#rateDown, #rateUp{padding:0 1rem!important;}#rateUpForm{padding:0 2rem!important;}.message{padding:0 0 .2rem .2rem!important;}.fr-element{padding:0 0 0 3px!important;}.board-article, .form-control, .sidebar-item, .sub-row{padding:2px 0 0 5px!important;}.item-title{padding-bottom:0!important;}.article-content{padding-bottom:20px!important;}.article-comment .title, .write-area, .write-area button, .write-area span{padding-top:0!important; padding-bottom:0!important;}.article-comment .list-area{padding-top:5px!important; padding-bottom:0!important;}.right-sidebar{padding:.1rem 0 .1rem 0!important; width:18.5rem!important;}.fr-wrapper{height:650px!important;}.content-wrapper{max-width:1500px!important;}.col-title{width:80%!important;}.col-date{width:20%!important;}.vcol.col-id{width:6rem!important;}.col-md-8{flex:0 0 80%!important; max-width:80%!important;}.leaf-info{font-size:.79rem!important;}.comment-count{font-size:1.1em!important;}.link-list{line-height:1.2!important;}.body .board-article .article-body p{line-height:1.3rem!important;}.ion-android-list{filter:invert(50%)!important;}.navbar-brand{filter:invert(80%)!important;}.fr-view br{display:flex; content:""; margin:5px 0!important;}.ad, .btns-board>.pull-right, .recaptcha-privacy, .title>a, footer>p{display:none!important;}footer>p+p+p{display:block!important;}.form-row{margin:-26px 0 0 90px!important;}
  • url[s]: https://arca.live | https://sm.arca.live
※광고+불필요한 빈 공간 제거, 줄간격 단축, 방문한 링크/게시판 색상 변경[l], 편집창의 세로길이 45% 증가, 게시판 목록의 댓글수 폰트크기 37% 증가+회색에서 노랑색으로 변경, 추천/비추 버튼 거리두기.


4.6. 디시위키[편집]

#catlinks, #content, #mw-content-text>div, #mw-page-base, #preferences, #simpleSearch, #toc, .editOptions, .mw-echo-overlay, .mw-input, .mw-search-profile-tabs, .suggestions-results, .suggestions-special, blockquote, body, input, p, table, th[colspan='1']+th, th[colspan='2']{background:#000!important;}#simpleSearch-left, .thumbinner, select, table.nowraplinks td, textarea{background:#000!important; color:#cf7!important;}table.wikitable td{background:#000!important; color:#af0!important;}#dc_top .wrap, #preftoc li.selected a, div.vectorTabs ul li{background:0!important; background:#000!important;}#pagehistory li.selected{background:#010!important;}pre, table.nowraplinks th, td[style='text-align: center;background-color:lightgrey']{background:#010!important; color:#0f0!important;}th[colspan='4']{background:#010!important; color:#ee0!important;}.gradient-border{background:#010!important; color:#ee0!important; padding:5px!important;}.mediawiki .mw-notification{background-color:rgba(0,0,0,.9)!important;}.tp_link+div, input, p, table[cellspacing='0']>tbody>tr[style='text-align:left; line-height: 1em']{color:#cf7!important;}.headAlert span, .mw-body, h2+ul>li, table.wikitable{color:#af0!important;}.wikitable td>a>span, a{color:#fc0!important;}.mw-body a.external{color:#5bd!important; background:0!important; padding:0!important;}.mw-body a.external:visited{color:#a4d!important;}.mw-userlink{color:#e7a!important;}.mw-userlink:visited{color:#f22!important;}.mw-plusminus-neg{color:#c00!important;}.mw-echo-title, .wikitable td>a:visited>span, a:visited{color:#0f0!important;}a#mw-prefs-restoreprefs{color:#998!important;}#footer-info-copyright{color:#998!important; padding:0!important;}div.vectorTabs li a{color:#0d0!important;}#firstHeading{color:#0d0!important; margin:0!important; padding:.1em 0 .3em 0!important; margin-bottom:0!important;}#mw-panel h3, #preftoc a, .mw-plusminus-pos, legend{color:#0a0!important;}h1, h2, h3, h4, h5, h6{color:#0c0!important;}#footer-info-lastmod{color:#0c0!important; font-size:1.2em!important; padding:0!important;}.htmlform-tip{color:#0a0!important; font-size:.9em!important;}#preftoc li.selected a{color:#ff0!important; background:#000!important;}#dc_top .top_contents, #footer-places>li{padding:0!important;}.editOptions{padding:.2em!important;}legend{padding:0 .5em!important;}#content{padding:0 .5em .5em!important;}fieldset, .mw-prefs-buttons{padding:0 1em .5em!important;}.mw-echo-overlay-title{padding:5px 30px!important;}.mw-echo-notification-wrapper{padding:5px 2px!important; background:#000!important;}.successbox{padding:.1em .3em!important; margin-bottom:.3em!important; background:#010!important;}#contentSub, .editOptions, fieldset, p{margin:0!important;}#wpSummary{margin:-20px 0 0 40px!important;}.editCheckboxes{margin-bottom:.4em!important;}.mw-prefs-buttons>span{float:right!important;}#prefcontrol{font-size:2em!important; margin:-90px 200px 5px!important;}input[type='checkbox'], input[type='radio']{filter:invert(100%)!important;}#p-logo a{filter:invert(70%)!important;}#content>center, #editpage-copywarn, .mw-body a.external+span, .mw-editnotice>p, .wikiLogo>img[alt='흰색.png']{display:none!important;}
  • url[s]: https://wiki.dcinside.com
※광고+외부링크 기본아이콘+불필요한 빈 공간 제거, 줄간격 단축, 방문한 링크/게시판 색상 변경[l].


4.7. 위키백과 (Wikipedia)[편집]

위키백과의 CSS 값에 대한 설명 [펼치기/접기]
.mw-body / #toc / h1 / h2 / h3 / .mw-parser-output>p = 본문의 전체공간/목차/문서이름/제목/부제목/내용.
.main-box / .main-shortcut-item / .navbox = 본문의 박스/내부 박스/관련문서 박스.
.vector-menu-tabs / .tocnumber = 본문 상단의 탭 / 목차 차례.
.oo-ui-buttonElement-button / .iw-resultset = 검색결과의 고급선택,검색위치 선택창. / 자매 프로젝트에서의 결과.
.oo-ui-iconElement-icon, .oo-ui-widget = 팝업창 네모 박스.
.skin-vector-legacy .ve-init-mw-desktopArticleTarget-toolbar = 편집창 상단의 툴바.


#catlinks, #content, #filetoc, #mw-normal-catlinks, #mw-page-base, #sidebarCollapse, #toc, .infobox, .main-box, .main-top-left, .mw-prefs-buttons, .navbox, .navpopup, .oo-ui-buttonElement-button, .oo-ui-toolbar-bar, .portal>ul, .thumbinner, body, button, code, input, kbd, li>a, pre, table, td, td>div, th{background:#000!important;}.documentation, .iw-resultset, .mw-advancedSearch-fieldContainer, .module-shortcutboxplain, .mw-advancedSearch-namespace-selection, .navbox-list, .NavHead, .oo-ui-dropdownWidget-handle, .oo-ui-labelElement-label, .shortcutbox, .suggestions-special, .template-documentation{background:#010!important;}.documentation-metadata, .suggestions-results, div.metadata, div.wikipedia-ko>span, span.mw-ui-button{background:#020!important;}.highlight, .oo-ui-popupWidget-popup{background:#050!important;}.ve-ui-toolbar-saveButton, img{background:#0a0!important;}.vector-menu-tabs{background:0!important;}.k-player .control-bar{background:#000!important; border:1px solid #080!important;}code, div, input, pre, td{color:#cf7!important;}.main-top-left>p>span>a>span, .mw-ui-button, .tocnumber, h1, th{color:#0e0!important;}.oo-ui-labelElement-label, h2{color:#9e0!important;}h3, ul>li{color:#dd0!important;}h4{color:#e7a!important;}a, span.toctext{color:#fc0!important;}a:visited{color:#0b9!important;}.mw-parser-output a.external{color:#5bd!important; background:0!important; padding:0!important;}.mw-parser-output a.external:visited{color:#a4d!important;}#toc{border:1px solid #060!important;}.main-box, .navbox{border:1px solid #0a0!important;}.main-shortcut-item{border:1px solid #aa0!important;}.mw-body{border:1px solid #333!important;}.navbox-group, .navbox-list{border-color:#090!important;}h1{border-bottom:1px solid #050!important;}h2{border-bottom:1px solid #0a0!important; margin:.8em 0 .1em!important;}.mw-parser-output .main-top-left{padding:0 0 0 .5rem!important;}#content{padding:0 .8em 0 .4em!important; margin-left:9em!important;}#mw-panel{padding-left:0!important; width:9em!important;}#contentSub, #contentSub2, .main-top-left>p{margin:0!important;}.mw-parser-output>p{margin:.2em 0 .4em!important;}.skin-vector-legacy .ve-init-mw-desktopArticleTarget-toolbar{margin:0!important;}#mw-panel>nav{margin:0!important; padding:0!important;}div.main-pane-right{margin-top:-115px!important;}div.main-box.main-top{margin-top:-15px!important; width:33%!important;}#sidebarCollapse{left:125px!important;}#bodyContent{font-size:18px!important;}#t-recentchangeslinked, div.main-top-left>p>span>a>span{font-size:.7em!important;}#n-mainpage-description, .interwiki-en, .interwiki-ko{font-size:1.3em!important;}.interwiki-ja, .interwiki-zh{font-size:1.1em!important;}.mw-body-content{line-height:1.3!important;}#p-logo, #siteNotice, #siteSub{display:none;}#footer-icons img, .oo-ui-iconElement-icon, .oo-ui-indicatorElement-indicator{filter:invert(100%)!important;}div.main-pane-left{flex:2!important;}
  • url[s]: https://en.wikipedia.org | https://ko.wikipedia.org | https://ja.wikipedia.org | https://zh.wikipedia.org | https://papago.naver.net
DarkReader해제.
※불필요한 빈 공간 제거, 본문 글씨크기 20%[16]증가, 좌측 사이드바 '다른 언어' 항목의 자주 쓰는 언어(영어,한국어,중국어,일본어) 글씨크기 대폭 증가.
# Wikipedia - Main page (영문위키 대문)
#mp-banner, #mp-left, #mp-lower, #mp-right, #mp-topbanner, #mp-welcomecount, .itn-special{background:#000!important;}.mp-h2, #mp-middle{background:#010!important;}
  • url(URL): https://en.wikipedia.org/wiki/Main_Page


4.8. 파파고 (번역기)[편집]

.btn_dropdown_2P-vM, .btn_window_3Mlxv, div, div>button{background:#000!important;}a, button, h3, img, label, p, strong{color:#0f0!important;}div, li>span, li>span>span, textarea{color:#cf7!important;}.edit_area_2iv-G{padding:3px 9px 52px!important;}.wrap_1rX6i .container___3EGm5{margin-top:-345px!important;}
  • url[s]: https://papago.naver.com
DarkReader와 같이 적용해도 된다.
※빈 공간을 줄이고, '작은창번역'단추가 제거된다.

# 파파고 - 웹사이트 번역 (위키백과)
.box_inner_2n_6d, .header_Ke5jM, .mw-notification, .website_1E-JL{background:#000!important;}.active_3VPGL{color:#0f0!important;}
  • url[s]: https://papago.naver.net
DarkReader해제.


4.9. 유튜브 (Youtube)[편집]

유튜브의 CSS 값에 대한 설명 [펼치기/접기]
h1 = 영상 제목.
span = 영상 자막, 게시글 내용, 댓글, 조회수, 우측 사이드바 제목,조회,시간.
#secondary = 우측 사이드바.
.paper-input-container = 댓글입력창 밑줄.
#author-text>span = 댓글 등록 유저.
a#author-text span / #content-text.ytd-comment-renderer = 댓글 사용자 / 내용.
circle.style-scope = ⫶ 아이콘.
#container yt-formatted-string a / span = 영상 태그.(제목위에 표시)
div#meta / #items>ytd-grid-video-renderer = 채널 동영상 제목 / 영역.
#header = 채널 배너 공간. (margin을 0으로 설정하면 배너가 위로 올라가서 가려버리는 문제가 있다)
(ytd-popup-container>) paper-dialog #playlists / paper-dialog>ytd-mealbar-promo-renderer = 저장-재생목록 창 / 좌측 하단 유튜브 광고차단 팝업.
.ytp-chrome-controls / .ytp-gradient-bottom / .ytp-gradient-top / .ytp-progress-bar-padding = 영상내 하단 표시줄 / 하단/상단 그림자 / 재생시간 표시줄 선택영역.
#sentiment>#container = 영상 밑 추천 표시줄.
ytd-live-chat-frame = 영상 우측 채팅창.
.ytp-videowall-still = 영상 재생 종료후 나타나는 추천 동영상 목록.


#channel-header, #container>#items, #contents, .ytp-ad-action-interstitial, :not(.style-scope)[dark], #guide-content, #sf-popupMenu, .sbsb_a, .sf-quick-dl-btn, paper-dialog, ytd-menu-renderer>div>div>button, ytd-playlist-sidebar-renderer, ytd-watch-flexy{background:#000!important;}#container.ytd-searchbox, ytd-browse, ytd-mini-guide-entry-renderer, ytd-mini-guide-renderer, ytd-page-manager{background:#060605!important;}#container>.header, #tabs-inner-container, #top-row ytd-button-renderer, .sbfl_b, ytd-clarification-renderer{background:#010!important;}ytd-button-renderer.style-primary[is-paper-button]{background:#020!important; border:1px solid #080!important; padding:3px!important;}.unfocused-line, ytd-author-comment-badge-renderer, ytd-sentiment-bar-renderer #like-bar{background:#050!important;}ytd-sentiment-bar-renderer[activated_] #like-bar{background:#0a0!important;}.ytp-swatch-background-color{background:#0e0!important;}ytd-sentiment-bar-renderer #container{background:#800!important;}ytd-sentiment-bar-renderer[activated_] #container{background:#b00!important;}ytd-alert-with-button-renderer[is-displayed]{background:#200!important; max-width:600px!important;}.ytp-volume-slider-handle:before{background:#c00!important; width:61px!important; left:-60px!important;}yt-live-chat-header-renderer{background:#030!important; height:25px!important; padding:0 6px!important;}.ytp-volume-slider-handle{background:0!important;}.ytp-load-progress{background:rgba(255,0,0,.3)!important;}.ytp-progress-list{background:rgba(0,0,255,.1)!important;}.ytp-hover-progress-light{background:rgba(0,255,0,.1)!important;}#alerts #text, #content-text, #description-text, #home-content-text, #subtitle.ytd-shelf-renderer, .content>a>yt-formatted-string, .ytd-video-secondary-info-renderer, input, span, yt-live-chat-paid-message-renderer #message, yt-formatted-string#label{color:#cf7!important;}#guide-icon, #like-button.style-default-active+#vote-count-middle, .ytp-videowall-still:visited .ytp-videowall-still-info-title, a.sf-menu-item{color:#0f0!important;}#card #message, #description a.yt-formatted-string:visited, #footer a:visited, #video-title:visited, #view-more>a:visited, .title.style-scope.ytd-guide-entry-renderer, a#video-title-link:visited #video-title, a:visited span#video-title, a:visited>div, div, h3 a:visited, span#title{color:#0e0!important;}#author-name, #header-author>yt-formatted-string>a, #more span, #published-time-text a:visited, #submit-button, #text-displayed, .style-default-active, h1, h2>yt-formatted-string, ytd-playlist-sidebar-renderer a.yt-simple-endpoint{color:#0c0!important;}#guide yt-icon, #upnext, .style-default.size-default, yt-formatted-string.more-button.style-scope.ytd-video-secondary-info-renderer, yt-icon.ytd-badge-supported-renderer, yt-icon#reorder, yt-icon.yt-live-chat-header-renderer, ytd-mini-guide-renderer yt-icon{color:#0a0!important;}#reply-button-end #button, circle.style-scope{color:#080!important;}yt-live-chat-paid-message-renderer #purchase-amount, ytd-playlist-thumbnail yt-formatted-string{color:#ff0!important;}#corrected.style-scope.yt-search-query-correction, #metadata-line>span, .style-scope.ytd-c4-tabbed-header-renderer, .style-scope.ytd-video-owner-renderer, .view-count{color:#ee0!important;}#button.ytd-button-renderer, #stats>yt-formatted-string+yt-formatted-string, .ytd-subscribe-button-renderer, ytd-subscription-notification-toggle-button-renderer>a>yt-icon-button>button>yt-icon>svg>g.style-scope.yt-icon{color:#bb0!important;}#guide-section-title, #like-button.style-text+#vote-count-middle, ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer{color:#aa0!important;}#description a.yt-formatted-string, #footer a, #published-time-text a, #video-title, #view-more>a, .ytp-videowall-still .ytp-videowall-still-info-title, a>div, h3 a{color:#fc0!important;}#author-text>span, #channel-info #title, #container>yt-formatted-string>a, #publisher-container a, .ytd-channel-name>a{color:#e7a!important;}#author-text:visited>span, #channel-info:visited #title, #channel-name #text-container, #container>yt-formatted-string>a:visited, #play-all #text, #play-button #text, #publisher-container a:visited, .sf-quick-dl-btn span, .ytd-channel-name>a:visited{color:#f22!important;}#dislike-button.style-default-active>a>#button, #top-level-buttons>ytd-toggle-button-renderer+ytd-toggle-button-renderer>a>.style-default-active{color:#f22!important;}#cancel-button, #reply-button-end, #text>span, #unplayableText, h4#title{color:#d00!important;}#description a.yt-formatted-string[target='_blank'], .sf-menu-item span, .sf-quick-dl-btn+style+button span{color:#5bd!important;}#description a.yt-formatted-string[target='_blank']:visited{color:#a4d!important;}#metadata-line>span+span, #date>#dot, #date>#dot+yt-formatted-string{color:#5b0!important;}#label>span, #linked-comment-badge span{color:#ddb!important;}#endpoint[title='Your videos'] *, #endpoint[title='Vos vidéos'] *, #endpoint[title='您的影片'] *, #endpoint[title='自分の動画'] *, #endpoint[title='내 동영상'] *{color:#f22!important;}.style-scope.ytd-comment-simplebox-renderer, .style-scope.ytd-message-renderer, .yt-formatted-string:empty:before, paper-button.ytd-toggle-button-renderer{color:#666!important;}#label-icon.yt-dropdown-menu, ytd-toggle-button-renderer.style-text[is-icon-button]{color:#333!important;}#label-icon, ytd-playlist-thumbnail path{fill:#0b0!important;}.ytp-svg-fill{fill:#0d0!important;}#play-button yt-icon{fill:#f00!important;}.ytp-right-controls path{fill:#cc0!important;}ytd-playlist-panel-renderer #expand-icon path{fill:#666!important;}#youtube-paths{stroke:#a00!important;}.paper-input-container{border-color:#660!important;}#savefromyt_btn>button{border:1px solid #080!important;}ytd-rich-item-renderer a:visited{border:1px solid #a00!important;}yt-live-chat-paid-message-renderer>#card{border:1px solid #aa0!important;}#items.yt-live-chat-ticker-renderer #container{border:1px solid #aa0!important; padding:0!important;}ytd-thumbnail-overlay-resume-playback-renderer{border:1px solid #fff!important;}yt-live-chat-text-message-renderer, ytd-item-section-renderer+ytd-item-section-renderer{border-top:1px solid #080!important;}ytd-live-chat-frame{border:1px solid #666!important; margin:-6px 2px 8px 0!important;}ytd-video-secondary-info-renderer{border-bottom:2px solid #666!important;}ytd-comment-thread-renderer{border-bottom:1px solid #060!important; padding:0!important;}ytd-compact-video-renderer.ytd-compact-autoplay-renderer{border-bottom:1px solid #060!important; padding-bottom:3px;}ytd-comments-header-renderer{border-bottom:1px solid #060!important; margin:3px 0 5px!important;}#chat-messages>#contents>#panel-pages>#input-panel>yt-live-chat-message-input-renderer{border:1px solid #060!important; padding:3px 0 8px!important; margin:3px!important; background:#000!important;}#container>#top-row, #live-chat-banner, #primary, #source-link>div, .content, .content-title, .metadata.ytd-compact-video-renderer, div#meta, paper-button.ytd-button-renderer, yt-live-chat-text-message-renderer, ytd-clarification-renderer, ytd-live-chat-frame paper-button, ytd-sentiment-bar-renderer, ytd-video-primary-info-renderer{padding:0!important;}#items.yt-live-chat-ticker-renderer{padding:0!important; height:29px!important;}.ytp-videowall-still-info-content, ytd-video-renderer[use-prominent-thumbs] #channel-info{padding:3px!important;}#card, ytd-playlist-video-renderer>#content{padding:5px 0!important;}#secondary{padding:5px 0 0!important;}paper-dialog #playlists, paper-dialog #title{padding:8px 15px!important;}yt-live-chat-paid-message-renderer{padding:0 9px!important;}yt-live-chat-paid-message-renderer>#card>div{padding:2px 4px!important; background:#000!important;}yt-live-chat-viewer-engagement-message-renderer{padding:0 0 4px 6px!important;}.ytp-progress-bar-padding{padding-top:80px!important;}#channel-header, #sort-filter-menu{padding-top:0!important; padding-bottom:0!important;}ytd-video-primary-info-renderer>#container, ytd-video-secondary-info-renderer>#container{padding-right:12px!important;}#meta-contents>ytd-video-secondary-info-renderer{padding:0 0 8px!important; margin:0 0 1px!important;}#menu-button.yt-live-chat-text-message-renderer{padding:0!important; height:20px!important;}#comment #button, #info #button{padding:0 6px 0 2px!important; width:24px!important; height:24px!important;}#replies #button{padding:0 6px 0 2px!important; height:24px!important;}#action-buttons, #author-photo, #card>#icon, #container>#top-row, #sub-menu>ytd-channel-sub-menu-renderer, #subscribe, #subtitle.ytd-shelf-renderer, #title, .ytp-videowall-still-info-author, ytd-grid-video-renderer #meta{margin:0!important;}yt-live-chat-message-input-renderer>div>#top{margin:0 2px!important;}ytd-text-header-renderer[header-style=text-header-renderer-style-bold]{margin:0 4px!important; color:#0a0!important;}#container>yt-formatted-string>span, .ytp-right-controls>button{margin:0 5px!important;}yt-live-chat-message-input-renderer>div>#buttons{margin:0 0 -8px!important;}yt-live-chat-message-input-renderer yt-icon-button{margin:2px!important; padding:0!important; height:20px!important;}#items>ytd-grid-video-renderer{margin:0 2px 2px!important; padding:0!important;}ytd-playlist-panel-video-renderer{padding:1px 4px 1px 0!important;}ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer{padding:4px 2px 0 4px!important;}#savefromyt_btn{margin:2px 0 -2px 9px!important;}#rich-shelf-header{margin:2px!important;}#items.yt-live-chat-ticker-renderer #container #text{margin:0 0 0 3px!important;}#meta>h3{margin:0 0 .1em!important;}#avatar-link.ytd-rich-grid-media{margin:3px 3px 0 0!important;}h3.ytd-rich-grid-media, ytd-metadata-row-renderer{margin:1px 0 1px 0!important;}#title>h2+#sort-menu{margin:4px 0 0!important;}#upload-info>#channel-name{margin:-25px 0 0!important;}#owner-sub-count{margin:-15px 0 0 200px!important;}#container>ytd-expander{margin:-26px 0 0 48px!important;}#author-text, #header-badge{margin-bottom:0!important;}yt-horizontal-list-renderer>div>#items, ytd-watch-next-secondary-results-renderer ytd-compact-video-renderer{margin-bottom:4px!important;}paper-dialog ytd-playlist-add-to-option-renderer, ytd-comment-thread-renderer, ytd-playlist-panel-renderer, ytd-rich-item-renderer{margin-bottom:9px!important;}#dismissable>#buttons, #secondary, .more-button, ytd-item-section-renderer>#contents>ytd-shelf-renderer>div>div{margin-top:2px!important;}.ytp-chrome-controls{margin-top:17px!important; height:80%!important;}ytd-playlist-panel-renderer #meta{margin:0 2px!important;}#header-description.ytd-playlist-panel-renderer{margin-right:0!important;}#expand-button.ytd-playlist-panel-renderer{margin:9px 5px -9px -50px!important;}ytd-playlist-panel-renderer #menu {margin:28px 30px 8px -55px!important}#playlist-actions{margin:-19px 0 -3px 240px!important;}#playlist-actions yt-icon-button, ytd-playlist-panel-renderer #menu yt-icon-button{padding:1px!important; width:20px!important; height:20px!important;}yt-img-shadow, yt-live-chat-author-chip, ytd-thumbnail.ytd-compact-video-renderer{margin-right:3px!important;}#clarify-box, #comments, #info, #meta{margin-right:15px!important;}#simple-box{margin-right:30px!important;}ytd-playlist-video-list-renderer{margin-right:-200px!important;}yt-live-chat-ticker-paid-message-item-renderer{margin-right:3px!important; width:99px!important;}ytd-metadata-row-container-renderer{margin-left:20px!important;}ytd-comment-replies-renderer{margin-left:33px!important;}#primary-inner>#player{margin-left:33px!important; padding-bottom:8px!important;}ytd-video-renderer[use-prominent-thumbs], ytd-video-renderer:not([use-prominent-thumbs]){margin-top:8px!important;}ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer{max-width:200px!important; min-width:200px!important; margin-right:8px!important;}ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer{max-width:150px!important; height:85px!important; margin-right:5px!important;}#video-title.ytd-video-renderer{line-height: var(yt-navbar-title-line-height, 1.6rem)!important;}#description-text.ytd-video-renderer{padding-top:4px!important; margin:0!important;}.text-wrapper.ytd-video-renderer{max-width:1050px!important;}ytd-two-column-search-results-renderer[use-prominent-thumbs] #primary.ytd-two-column-search-results-renderer{max-width:1150px!important;}.sf-quick-dl-btn i{width:0!important;}ytd-metadata-row-renderer>h4#title{width:50px!important;}.ytp-volume-panel{width:49px!important;}.ytp-big-mode .ytp-volume-panel{width:69px!important;}.ytp-big-mode .ytp-volume-slider-handle:before{width:62px!important;}#creator-heart-button{width:22px!important; height:22px!important;}#sentiment>#container, #sentiment>#container>div{height:4px!important;}.ytp-big-mode .ytp-progress-bar-container:hover, .ytp-progress-bar-container:hover{height:5px!important;}ytd-channel-sub-menu-renderer{height:40px!important;}#playlists.ytd-add-to-playlist-renderer{max-height:810px!important;}paper-dialog ytd-compact-link-renderer{paper-item-min-height:20px!important;}.ytp-progress-bar-container{height:3px!important; bottom:25px!important;}.ytp-big-mode .ytp-progress-bar-container{height:3px!important; bottom:36px!important;}.ytp-big-mode .ytp-gradient-bottom{height:23px!important;}.ytp-videowall-still-info-title{max-height:33px!important; font-size:100%!important; line-height:1.1!important;}.ytp-gradient-bottom{height:13px!important; background:rgba(0,0,0,.4)!important; padding:0!important;}.ytp-time-display{line-height:37px!important;}.ytp-big-mode .ytp-time-display{line-height:53px!important; font-size:23px!important;}.ytp-timed-markers-container{top:0!important;}#container #menu{top:-4px!important;}.ytp-volume-slider-handle:after{left:8px!important;}div, yt-formatted-string{font-size:15px!important;}#text-displayed{font-size:20px!important;}.ytp-caption-segment{font-size:25px!important; background:rgba(0,0,0,.6)!important; padding:0!important; line-height:1.1!important;}.ytp-big-mode .ytp-caption-segment{font-size:33px!important;}.ytp-caption-window-bottom{margin-bottom:0px!important; bottom:28px!important;}.ytp-big-mode .ytp-caption-window-bottom{bottom:36px!important;}#ytd-player .ytp-chrome-top-buttons, .ytp-fullscreen-button, .ytp-gradient-top, .ytp-next-button, .ytp-progress-bar:focus, .ytp-scrubber-container, button.ytp-miniplayer-button, paper-dialog>ytd-mealbar-promo-renderer{display:none!important;}img[src='https://i.ytimg.com/img/no_thumbnail.jpg']{filter:invert(100%)!important;}
  • url[s]: https://www.youtube.com
유튜브 디자인설정을 '어두운테마'로 설정, DarkReader해제.
※적용 효과: 영상 하단의 불필요한 버튼이 제거[17]+버튼 최하단 이동[18]+버튼과 재생표시줄의 크기를 줄이고 커서가 영상안에서 움직이면 상하단 영역이 어두워지는 현상을 제거[19]+재생표시줄의 선택영역을 확장하여 커서로 재생위치 변경이 편해짐, 제목 상단의 태그와 태그 사이 거리두기, 저장-재생목록 창 크기 증가, 광고차단앱으로인해 일시적으로 첫 재생화면에 화이트배경이 나타나는 현상 제거, 방문한 링크 색상 변경[l][20], 작은 글씨 크기 증가[21], 기본보기에서 좌측으로 치우친 영상 위치를 중앙으로 약간 이동, 시청기록·검색결과·재생목록 등의 이미지 크기와 줄간격을 줄여 공간 최적화, 영상 우측상단 재생목록의 삭제버튼을 최소화시켜 실수로 누르는것을 방지, 재생시간 표시줄을 클릭한뒤 좌우 방향키를 누르면 표시줄 주변에 파란박스가 나타나는 현상 제거, 마우스커서가 움직일때마다 자막이 위아래로 흔들거리는 현상 제거, 자막 박스 크기 축소.
# 유튜브 소개/이용환경 (Youtube - About/Intl..)
#cookieBar, .connect, .lb-footer--dark, .lb-navsubnav{background:#000!important;}.cardsangle:before, .photo-module, .resource-detailsinner, .statisticsinner, .ytr-related-content{background:#010!important;}.card, .cardsinner a, .featured-cardinner a{background:#000!important; border:1px solid #666!important;}header{background:#111!important; height:50px!important;}.news{background:#001!important; padding:8px 0!important;}.newsangle{background:#100!important; padding:8px 0!important;}#cookieBar .cookieBarButton, .lb-font-color-grey2:visited{color:#0e0!important;}.lb-navitem{color:#0d0!important; font-size:25px!important;}h2, h3{color:#cf7!important; font-size:25px!important;}{color:#cf7!important; font-size:33px!important;}p{color:#dd0!important; font-size:25px!important;}.lb-font-color-grey2{color:#fc0!important; font-size:20px!important;}.lb-navsubnav>div>a>span{color:#0d0!important; font-size:18px!important;}.lb-navsubnav>div>a>span+span{color:#af0!important; font-size:16px!important; line-height:20px!important;}.page-angle-hero path{fill:#010!important;}.cardsinner{padding:0!important;}.lb-navsubitem{padding:5px!important;}.lb-footerstandard-menu, .lb-footerstandard-menu-titles h3{padding:0 5px!important;}.lb-footerstandard-menu-link{padding:8px 0!important;}.page-herocopy, .resource-detailsinner{padding:20px 0 5px!important;}.freedomsitem, .freedomssection-title{margin-bottom:9px!important;}.freedomsitem+.freedomsitem{margin-top:-80px!important;}.herotitle{margin-top:15px!important; max-width:500px!important;}.heromission-intro{margin-top:8px!important; padding:0!important; max-width:700px!important;}.heromission{margin:30px 0!important; padding:0!important; max-width:990px!important;}
  • url[s]: https://www.youtube.com/about | https://www.youtube.com/intl | https://www.youtube.com/howyoutubeworks
# 유튜브 채널 콘텐츠 (Youtube - Studio)
#header, #results, #right-side-bar, #row-container div, #sticky-header, #tab-content-container, .cell-header, .content-message, .floating-column ytcp-video-row, .footer, .header.ytcp-content-section, .layout, .menu-item[selected], .tablecell-video, .with-side-bar, without-side-bar, .yta-top-performing-entities, header, main, paper-icon-item.iron-selected, paper-listbox, ytcp-contracts-settings, ytcp-promo-page, ytcp-sticky-header, ytcp-subscribers-table, ytcp-subscribers-table-row>div{background:#000!important;}#container, .container.ytcp-shelf-list-item, ytcp-chip, ytcd-list-card, ytcd-list-card-collapsible, ytmus-player{background:#000!important; border:1px solid #060!important;}#tooltip, .container.ytcp-banner, .staple-card.yta-card-container, paper-dialog#dialog, ytcd-basic-card, ytcp-filter-bar{background:#000!important; border:1px solid #666!important;}#query-input{background:#000!important; border:1px solid #666!important; color:#0d0!important;}.tabs.ytcr-management-section, ytcp-header{background:#000!important; border-bottom:1px solid #060!important;}ytcp-navigation-drawer, ytmonet-overview{background:#010!important;}#footer-container, #table-header{background:#020!important;}.nav-drawer.ytcp-navigation{background:#020!important; max-width:140px!important;}.menu-item:hover, paper-icon-item:hover{background:#050!important;}#row-container.row-highlighted, ytcp-comment[highlighted]{background:#880!important;}ytcp-filter-bar input{background:#080!important; margin:0 4px!important;}#tooltip .like, #tooltip .like+div{color:#0f0!important;}#tooltip .dislike, #tooltip .dislike+div{color:#f00!important;}div, p, span, yt-formatted-string, ytcp-chip{color:#cf7!important;}a#body yt-formatted-string{color:#fc0!important;}#radioLabel, .tablecell-comments a.row-highlighted, .trend-diff-up, .trend-green, a#body:visited yt-formatted-string{color:#0f0!important;}#dialog #label, .menu-item>span, .ytcp-settings-studio-default span, h3, h3>a, paper-icon-item, paper-icon-item, paper-tab:not(.iron-selected)>.tab-content.paper-tab{color:#0e0!important;}#discussion-tab-text, #entity-label-container div, .card-title, .item-title, .playlist-icon, .tablecell-date>div, .title, .title-text, h1{color:#0a0!important;}.iron-selected, .menu-item[selected]>span, a#name:visited yt-formatted-string, a.subscriber-row:visited .subscriber-name, a.ytcp-subscribers-table-row:visited>div, paper-icon-item.iron-selected *{color:#f22!important;}#author-name, a#name yt-formatted-string, a.subscriber-row .subscriber-name, a.ytcp-subscribers-table-row>div{color:#e7a!important;}.label, .likes-label, .metric-value-big, paper-icon-item *{color:#cc0!important;}.tablecell-date{color:#5b0!important;}.external-link.ytcd-external-link{color:#5bd!important;}.icon-grey.ytcp-video-row{color:#666!important;}#chart-container.yta-line-chart-base, ytcp-icon-button path{fill:#0d0!important;}ytcp-icon-button path[fill='none']{fill:none!important;}ytcd-card[test-id='channel-dashboard-sub-highlights-card'] ytcd-basic-card{border:1px solid #660!important;}ytcp-comment-thread{border:1px solid #060!important;}#download{border:1px solid #c00!important; height:26px!important;}#row-container, .label.ytcp-button, .simple-banner, .title-text, li.ytcd-subscriber-highlights-item a, ytcd-empty-news-item, ytmus-library-table ytcp-icon-button{padding:0!important;}ytcp-chip #delete-icon{padding:2px!important;}.tablecell-comments, .tablecell-date, .tablecell-likes, .tablecell-views, .tablecell-visibility{padding:0 2px!important;}#comment.ytcp-comment-thread{padding:5px!important;}ytcp-header>header{padding:2px 24px 2px 16px!important;}.issue-text.ytcd-help-center-issues-item{padding:5px 0!important; color:#5bd!important;}.card-title, .item-title, .title{padding:4px 9px!important;}.main.ytcd-channel-dashboard{padding-top:3px!important;}#page-title-container h1{padding-top:5px!important;}.subscribers-trend.ytcd-channel-facts-item{padding:1px!important; font-size:15px!important;}.apply-item-padding{padding:0 9px!important;}ytcp-comment.ytcp-comment-replies{padding:1px 2px 2px!important;}li.ytcd-subscriber-highlights-item{padding:0 0 5px!important;}#comment-actions.ytcp-comment, #metadata.ytcp-comment, .content-message{margin:0!important;}yt-img-shadow#video-thumbnail{margin:0 2px!important;}ytcp-video-list-cell-video>.right-section{margin:0 0 0 3px!important;}ytcd-dashboard-footer{margin:8px 25px 2px!important;}ytcd-card[test-id='channel-dashboard-sub-highlights-card']{margin:-260px 440px 0 -400px!important;}.action.ytcd-basic-item{margin-top:0!important;}.card.ytcd-card-column{margin-bottom:15px!important;}.tablecell-visibility iron-icon{margin-right:0!important; padding-right:2px!important;}#author-thumbnail.ytcp-comment yt-img-shadow, .subscriber-avatar.ytcd-subscriber-highlights-item{margin-right:5px!important;}ytcp-chip{height:22px!important;}ytcp-table-header{height:36px!important;}#page-title-container{min-height:36px!important;}#view-comment-button.ytcp-comment-video-thumbnail{width:25px!important; margin:0!important;}#video-title.ytcp-comment-video-thumbnail{width:200px!important;}ytcp-animatable.ytcp-comments-section{width:1200px!important;}ytcp-playlist-section-content{width:990px!important; margin-top:8px!important;}#video-list{width:990px!important;}ytcp-filter-bar{width:990px!important; margin-bottom:2px!important; --filter-icon-margin:0!important;}ytcp-dialog>#dialog{min-width:840px!important; max-width:840px!important;}.tablecell-video{min-width:400px!important; max-width:400px!important;}ytcp-table-header>.tablecell-likes{min-width:120px!important; max-width:120px!important;}#row-container>.tablecell-likes, .tablecell-visibility{min-width:90px!important; max-width:90px!important;}.tablecell-date, .tablecell-views{min-width:70px!important; max-width:70px!important;}.tablecell-comments{min-width:60px!important; max-width:60px!important;}.metrics-vertical-section-spacing, .vertical-section-spacing{display:none!important;}ytcp-playlist-section div[style='min-width:400px;padding-left:24px;padding-right:12px;flex:2 0 400px;']{min-width:600px!important; flex:2 0 600px!important;}#body.ytcp-comment{flex:9!important;}
  • url[s]: https://studio.youtube.com
DarkReader해제.


4.10. 일베저장소[편집]

#aside-wrap, #board-cate, #comment, #container, .aside-section, .board-body, .btn-vote, .btn-default>span, .cke_editable, .comment-write, .comment-write-box, .gnb-fix-area, .member-service>a, .search-window, .title-line>span, input, select, textarea{background:#000!important;}.board-body .notice-line, .logout, .reply-item{background:#100!important;}.board-body li:nth-of-type(odd), .reply-item:nth-of-type(odd){background:#010!important;}.board-body li:hover{background:#090!important;}span[style='background:white']{background:#333!important;}.attached-file, .list-current-doc, span[style='background:yellow']{background:#660!important;}#board-cate, .board-sort>option, .cke_editable, .cmt, .date, .date-line, .post-content, .post-content>span, input, select, textarea{color:#cf7!important;}.aside-list-rank a:visited, .board-body .title-line>span, .btn-default>span, a.subject:visited, a.title:visited, div>a, h2>a, li>a{color:#0e0!important;}.aside-section span>a, .member-connect, div>h3, h3>a, span.count{color:#0b0!important;}button.logout{color:#d00!important;}span.view, span[style='color:blue']{color:#dd0!important;}.aside-list-rank a, a.subject, a.title{color:#fc0!important;}.comment-num>a, .global-nick{color:#e00!important;}.nick>a{color:#e50!important;}.post-content div>a, .post-content span>a{color:#5bd!important;}.post-content div>a:visited, .post-content span>a:visited{color:#a4d!important;}#aside-wrap>div+div+div, #aside-wrap>div+div+div+div, #oa-360-1606948500981_qz1flamh7, #oa-360-1606948500981_xkqnqjwzg, #sky-banner-wrap, .cutin-banner, .main-top-banner, .mgbox, .top-banner, body>script+script+div, body>script+script+embed, body>script+script+embed+div{display:none!important;}.board-sort button span, .comment>img, .nick img, .scrap, img.on{filter:invert(100%)!important;}
  • url[s]: https://www.ilbe.com
DarkReader와 같이 적용해도 된다.
※광고+불필요한 빈 공간 제거, 방문한 링크/게시판 색상 변경[l].


4.11. 스타일리시 [d][편집]

.CodeMirror-gutters, .CodeMirror-scroll, button, input, select{background:#000!important;}.CodeMirror-activeline-background{background:#020!important;}.CodeMirror-selected{background:#550!important;}.cm-atom, input, p.applies-to{color:#cf7!important;}button, div, select{color:#0f0!important;}tr>td{color:#0b0!important;}.cm-keyword{color:#060!important;}.cm-builtin{color:#f22!important;}.cm-number{color:#ffd!important;}.cm-qualifier{color:#e60!important;}.cm-tag{color:#de0!important;}.CodeMirror-cursor{border-left:2px solid white!important;}.CodeMirror{height:870px!important;}.CodeMirror-sizer{min-height:860px!important;}.CodeMirror-line>span{font-size:1.1em!important;}#sections>h2{font-size:.9em!important;}#header, #lint td, section>div{padding:0!important;}#options{padding-right:0!important;}#sections{padding-left:10rem!important;}#sections>h2, section>div{margin:0!important;}h2.style-name{margin:3px 0 0 -20px!important;}p.applies-to{margin:-20px 0 0 140px!important}p.actions{margin:9px 9px 0 9px!important;}div.enabled{margin:9px 9px 0 9px!important;}.applies-to{margin:-9px 333px 0 0!important;}#lint>h2{margin-block-end:0!important;}#lint caption{line-height:0!important;}#stylish-edit>#header{width:9rem!important;}
  • url[s]: chrome-extension://fjnbnpbmkenffdnngjfgmeleoegfcffe


5. 관련 문서[편집]



파일:크리에이티브 커먼즈 라이선스__CC.png 이 문서의 내용 중 전체 또는 일부는 2023-12-05 02:46:25에 나무위키 스타일리시 문서에서 가져왔습니다.

[d] A B C D DarkReader 적용이 불가능해서 Stylish로만 다크모드로 만들수 있다.[1] 혹은 특정 웹페이지[2] 불필요한 이미지, 아이콘, 단추, 광고, 빈 공간 등[3] 혹은 우클릭 - 검사[4] 흰색:#fff, 검정:#000, 빨강:#f00, 초록:#0f0, 파랑:#00f 등[5] Styles 오른쪽에 Computed항목을 클릭하면 보기 편하고, 해당 값을 변경하면 색상,모양이 바뀐것을 바로 확인할수 있다.[6] 그리고 편집한 값{}의 오른쪽에 !important;를 삽입해야 적용된다.[7] 저장(Ctrl+S) 혹은 실행취소(Ctrl+Z)시 *표시가 사라진다.[8] a=170, b=187, c=204, d=221, e=238, f=255[9] 두께 - 보통:~400, 두꺼움:600~[10] 소수점 한자리 까지 적용됨. 1.3 or 1.4가 적당하다. 너무 줄이면 줄이 붙어버리고 너무 늘리면 스크롤 압박이 심해된다.[11] link를 안붙여도 방문 안한 상태와 같지만, 해당 사이트의 해당 링크의 기본 설정이 !important로 설정되 있으면 ":link"를 붙여야 적용된다.[s] A B C D E F G H I J K L M N O P Q R S T U Specify - URLs starting with[12] 혹은 '다크테마사용' 해제 + '시스템다크테마가져오지않기' 해제해도 된다. (둘중 차이점은 없는듯)[13] 다크모드에서 나무위키를 새로 켜거나 새로고침/복구 등을 할때 일시적으로 약1초(글이 많을수록 더 오래걸림) 동안 화이트 배경이 나타나는 현상.[l] A B C D E F G 내부링크/게시판:주황→초록, 외부링크:파랑→보라[14] 우측의 링크 색상을 노랑/빨강으로 변경.[15] 이로써 일반 다크모드에서 일부 표 안의 배경+글씨+투명이미지가 보기 불편하던 문제점이 없다.[16] 15→18px[17] 다음(우측 사이드바에 있으므로 불필요), 소형플레이어(별 쓸일 없음), 전체화면(화면을 더블클릭하면 되므로 불필요)[18] 이로써 재생시간 위치를 변경하려고 클릭하다 실수로 밑의 단추를 클릭하는것이 방지된다.[19] 이로서 영사을 볼때 영상 상하단의 영역과 자막을 가리는 문제가 해결되었다.[20] 유튜브의 방문 링크는 드믈게 해제되는 현상이 있다.[21] 10~13px→15px로 증가.

관련 문서