스타일러스: 두 판 사이의 차이

3,599 바이트 추가됨 ,  5개월 전
편집 요약 없음
(내용을 "{| align='right' border='1' |colspan='2' style='text-align: center;'|파일:stylusr.jpg |- |이름||Stylus |- |제작자||Jason Barnabe |- |제작사||Stylus Team |- |제작일||[http://github.com/openstyles/stylus/tree/458daf0836c00be329b47522906d10fd449ff6b4 2017년 1월 8일] |- |종류||브라우저 확장 기능 |- |라이선스||프리웨어 |- |웹사이트||[http://add0n.com/stylus.html 공식] / [http://github.com/openstyles/stylus/wiki wiki] |- |..."(으)로 바꿈)
태그: 대체됨
편집 요약 없음
 
|-
|설치||[http://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne Chrome] / [http://addons.mozilla.org/ko/firefox/addon/styl-us Firefox]<ref>파이어폭스(파폭)는 크롬보다 메모리 사용량이 적고 CSS검색에 다중 경로를 검색가능하고 관련 검색어 자동표시, 유튜브 자동재생 방지+편리한 다운로드 확장기능 등의 장점이 있지만 열어놓은 탭이 많을경우 일부탭이 자동숨김처리되서 불편하고 페이지의 CSS편집후 되돌기기(Ctrl+Z)가 안되서 새로고침해야하고 CSS복사(Ctrl+C)가 잘 안먹히고 확장기능 팝업창은 검사기가 안열리는 단점이 있다. 둘다 장단점이 있어 둘다 사용하다보면 파폭의 탭 우클릭 복구기능이 있는 위치가 크롬에선 '다른 탭 닫기'라는 한개빼고 다른 모든탭 처닫아버리는 무식한 쓰레기 기능이 있는 위치라 해깔려서 실수로 잘못 눌러 탭을 다 닫아버리는 불상사가 생길수있다. 확장기능 팝업창의 CSS검사, 유튜브 검색(F3)기능은 크롬으로 해야함.</ref>
|-
|css코드||[http://userstyles.world/api/style/1313.user.css darkmod css by uin1]
|}
[[CSS]] 편집을 통해 웹사이트 혹은 특정 웹페이지를 사용자가 원하는 색상, 모양으로 인터페이스를 [[자유]]롭게 리[[디자인]] 가능한 [[웹 브라우저]] 확장 프로그램이다.<br>
 
== 사용 방법 ==
*1. 웹사이트 CSS검사기(Ctrl+Shift+C or 우클릭-요소검사)를 열어서 편집할 CSS코드를 복사하여 직접 편집하거나 다른 유저가 만든 스타일 설치한다. (검사기-규칙 우측 "<code>인라인:(높은숫자")</code>스타일러스로스타일러스에서 적용한것)
*2. 스타일러스 아이콘 클릭 - (새로 만드는 경우) '적용대상URL' 클릭 or '관리'-'새 스타일 작성' 클릭 or (재편집 할 경우) 이름 우클릭<ref>연필모양 단추(관리)를 좌클릭해도 되지만 크기가 작아서 실수로 왼쪽 이름을 눌러 적용해제되버려서 불편하므로 이름 우클릭을 추천.</ref>.
*3. 복사한 CSS코드를 '스타일 수정' 편집창에 붙여넣기하고 코드 맨 뒷자리에 <code>!important</code> 붙이기. (해당 사이트 html 요소에 !important가 없거나 경로가 같거나 더 복잡하거나 새로운 코드인 경우는 붙일필요없다)
 
=== [[다크모드]] 설정 ===
먼저 윈도우를 [[다크모드윈도우]] 설정한다.다크모드 2가지 설정방법: <code>시작 - 설정 - 개인설정 - 색: 어둡게</code> or <code>시작 - 설정 - 접근성 - 고대비: 켬</code> ([[윈도우10]] 기준)<br>
고대비: <code>텍스트: #ccff77 (204 255 119(#cf7), [[/ 하이퍼링크]]:200 200#cccc00 (204 204 0,) / 사용불가텍스트:0 150#777777 0,(119 119 119) / 선택한텍스트:0 0#ffeeee, #008800 (255 238 238, 0/0 222136 0,) / 단추텍스트:140 240#aaff00, #000000 (170 255 0/, 0 0 0,) / 배경: #000000 (0 0 0(#000)</code><br>
 
고대비를 설정하면 파이어폭스, 크롬 등 웹브라우저에서 글자색이 고대비에서 설정한 색으로 연동이 되는데 문제는 색상 변경이 불가능해지므로 아래 방법으로 고대비 연동을 해제한다.
<br>
고대비 사용시 각 브라우저의 고대비 연동을 해제해야한다.
크롬은 주소창 <code>chrome://flags/#forced-colors</code>를 Disabled로 설정하여 고대비 연동을 해제한다. 그리고 <code>chrome://flags/#enable-force-dark</code>를 Enable로 설정하면 크롬의 기본 웹사이트들이 다크모드로 적용된다.
*크롬: <code>주소창 "chrome://flags/#forced-colors" : Disabled</code>
*파폭: <code>설정 - 일반 - 언어와모양 - 색상 - 덮어씀: 안함</code> (테마는 'Matte Black' 추천)
<br>
각 브라우저의 기본 웹사이트들에 스타일이 적용이 안되는데 적용되도록 하는 방법은 아래와 같다.
파폭은 설정-일반-언어와모양-색상-~덮어씀:'안함'으로 설정하면 색고정이 풀린다. 그리고 글자,배경을 다크모드에 맞게 설정한다. 테마는 'Matte Black' 추천.<br>
*크롬: <code>주소창 "chrome://flags/#enable-force-dark" : Enable</code>
그리고 *파폭: 주소창에 <code>about:config</code>입력, <code>privacy.resistFingerprinting.block_mozAddonManager 값을: true으로true</code>, <code>extensions.webextensions.restrictedDomains 값을 제거하면 css적용이: 안되는 파폭의 기본 웹사이트들이 다크모드로 적용된다.제거</code> ('스타일리시'는스타일리시는 불가능적용불가)
<br>
다른 다크모드 프로그램과프로그램을 같이2개 이상 사용시 충돌이 생겨서 배경이 회색으로 변하거나 글자 색상이 잘 안보이는 등 부작용이 생기므로 스타일러스생길수있으므로 하나만 사용하도록 한다. (Dark Reader 등 다크모드 프로그램의 단점은 일부 웹페이지에서 렉이 심하게 걸리고(네이버 등), 다크모드 적용이 안되는 경우(네이버포스트 등)도 있다)
<br>
background-color(배경색)은 '#000~444'로 어둡게, 글자색(color)은 '#888~fff'로 밝게 설정한다. 테두리색(border)은 '#333~999', 도형색(fill)은 '#666~ccc' 정도가 적당하다.
'-color'를 빼고 'background'만 입력해도 되지만 해당 요소에 이미지가 있을경우 이미지까지 삭제되므로 이미지 삭제를 원치 않는다면 'background-color'로 입력해야 한다.
 
 
== 유저 스타일 (userstyles) ==
스타일러스or스타일리시 사용자가 제작하여 등록한 CSS코드 스타일이다. 제작자가 새로운 코드를 업데이트하면 옵션에서 지정된 자동업데이트 시간 간격마다 자동으로 최시버전으로 업데이트된다. (기존 24시간으로 설정되있으니 1시간으로 설정하자)<br>
설치후 제작자가 새로운 코드를 업데이트하면 자동으로 최시버전으로 업데이트된다.<br>옵션에서 자동업데이트 간격이 기존 24시간으로 설정되있으니 1시간으로 설정하자.
 
[http://userstyles.world userstyles.world] / [http://uso.kkx.one/browse/styles uso.kkx.one]
모든 사이트의 공통된 적용 효과는 아래와 같다.
*다크모드: 배경색은 완전한 [[검정색]]([[블랙]]) + 글자는 기존 [[흰색]]에서 [[초록]],[[노랑]],[[주황]],[[빨강]] 등 글 종류마다 다양한 색으로 바꿔서 [[블루라이트]] 제거 + 눈부심 현상 최소화하여 선명하게 잘보이고 글 종류마다 구분이 잘됨.
:ㄴ자동 [[다크모드]] 프로그램(Dark Reader 등)에 비해 속도 저하([[렉]]) 문제도현상이 거의 없다적다. (일부 사이트에서 렉이 약간 발생함)
*공간 최적화: 불필요한 공간 축소 + 불필요한 요소(광고,절취선,테두리,아이콘 등) 제거 + 스크롤바 두께 축소로 스크롤압박 감소 or 스크롤 불필요.
:ㄴ좁은 페이지 화면 너비 확장으로 표시 내용 증가. (와이드 화면 기준)
:ㄴ글 위치가 좌측or우측으로 치우친 경우 중앙으로 약간 이동 배치.
:ㄴ검색바+사이드바+상단표시줄(header): 화면에 고정+투명화. (적용 사이트적용사이트: 남간위키,디키,남간,유튜브,뇌이버 등)
:ㄴ검색바+옵션+필터 등의 드롭다운메뉴에서 커서가 안/밖으로 이동시 자동표시/숨김. 화면을 가리는 드랍다운메뉴를 닫기위해 닫기버튼or외부영역을 클릭해야하는 번거러움이 없다. (적용사이트: 구글,위키,디키,디시갤,남간,트위터,다음,뇌이버,쥐마켓,쿠팡,11st,aliexpress 등 / 검색바 적용불가: 유튜브,바나나몰,오나미몰,userstyles / 모두적용불가: 일베 / 검색바 자동표시적용: 옥션)
:ㄴ화면을 가리는 일부 팝업창 배경 투명화.
:ㄴ큰 글자+이미지 크기 축소, 짧은 링크(이름,메뉴 등) 선택영역 확장.
:ㄴ작은 글자+이미지 기본 크기 확대, 작은 이미지에 커서 댈시 자동으로 더크게 확대+숨겨진 영역 모두 표시.(클릭 불필요)
:ㄴ방문한 링크 색상 변경: 내부링크(문서,게시글 등):초록→빨강, 내부링크2(각주,유저 등):노랑/주황/연두/핑크/민트→핑크/파랑/흰색/갈색, 외부링크:하늘→보라.
:ㄴ검색바의 검색한 연관검색어 색상 변경. (적용가능:위키,디키,11번가,바나나몰,티몬 / 적용불가:구글,남간,유튭,다음,뇌이버,뇌이트,다음쥐마켓,유튭옥션,위메프,쥐마켓,쿠팡,오나미몰)
:ㄴ좁은 공간(표) 안의 숨겨진 내용 모두 표시or표시영역 확장.
:ㄴ동영상: 영상안에 표시되는 표시줄+단추+그림자를 최소화or제거시켜 깔끔하게 표시되고 자막가림 문제가 없다. (적용 동영상: 유튜브,유메이커,트위터,페북,BBC,네이버 등)
 
*'''[[구글]]''': 지도내 항목 클릭시 뜨는 창 투명화, 검색페이지이동 선택영역 확장 등. / 한국판 구글: 불필요한 테두리 제거로 깔끔.
:ㄴ검색: 검색결과 한화면에 모두표시(스크롤불필요)(일부검색제외), 표시량-주요뉴스:3→5, 동영상:5→8개로 증가, 검색결과 사이트 선택영역확장, 검색어 일치 사이트는 노랑 테두리로 강조표시, 광고는 초록 파선 테두리로 강조표시, 검색결과밑 관련검색어목록 제거, 관련질문 목록 자동숨김+커서댈시 표시.
:※설정Tip: 검색설정-페이지당 검색결과 개수:10→50개.
:※동영상+지도 등이 표시안되는 경우: 구글 초기 검색페이지에서 새로고침하여 검색하면 정상적으로 표시됨.
**Blogspot: 게시물+댓글 내용표시 공간확장.
 
*'''[[페이스북]]''': 불필요한 절취선 제거로 깔끔. / 사진: 미리보기 사진에 커서댈시 1.5~2배 확대+숨겨진 영역 모두 표시.(클릭 불필요)
:ㄴ영상: 커서댈시 화면을 가리는 그림자 제거, 재생위치이동 선택영역 2배 확장, 재생위치 미리보기 2~3배4배 확대, 영상중앙을 가리는 '확대하려면 클릭하세요'라는 쓸데없는 메시지 삭제.
:ㄴ사진: 미리보기 사진에 커서댈시 1.5~2배 확대+숨겨진 영역 모두 표시.(클릭 불필요)
:ㄴ영상: 커서댈시 화면을 가리는 그림자 제거, 재생위치이동 선택영역 2배 확장, 재생위치 미리보기 2~3배 확대, 영상중앙을 가리는 '확대하려면 클릭하세요'라는 쓸데없는 메시지 삭제.
:※Tip. 모바일 주소로 들어간 경우 주소창에 "m."을 삭제하고 Enter키 누르면 PC모드로 전환됨.
 
*'''[[트위터]]''': 트윗 밑에 뜨는 '팔로우 추천+팔로우 추천 토픽+내가 좋아할 만한 콘텐츠+프로모션 트윗' 제거. 트윗을 복사할때 주변 불필요한 내용은 제외, 답글+리트윗+마음에들어요 횟수 같이 복사가능+선택영역확장, 뛰어쓴 글 한줄로 이어붙임, 불필요한 절취선 제거로 깔끔, 트윗 상세페이지 답글 표시량: 8→16개.
:ㄴ프로필: 표시량 - 트윗:9→18(외부링크:4→8), 팔로워:9→22개. 짧은 이름 선택영역 확장, 이미지 원형에서 사각형으로 변경+트윗의 사용자 이미지에 커서댈시 뜨는 팝업창의 이미지크기 3배 증가, '메인 트윗+~리트윗함' 글자 제거하고 아이콘만 표시, 타사용자 프로필 트윗에 표시되는 무작위 광고트윗 제거, 팔로우+팔로잉 버튼 선택영역 확장. 프로필 상단 뒤로가기 버튼(어차피 브라우저 상단 메뉴에 존재하는 버튼이므로 중복으로 존재할 필요없음)을 제거하여 저 버튼을 계속누르다 홈으로 이동되어 앞으로가기로 북구가 불가능해지는 불상사를 방지함.
::ㄴ트윗: 내트윗의 애널리틱스 자동모두표시, 불필요한 글자(메인트윗,리트윗함 등) 제거하고 아이콘만 표시, 타사용자 프로필 트윗에 표시되는 무작위 광고트윗 제거.
::ㄴ사이드바: 트위터로고+홈버튼을 하나로 통합.
:ㄴ사진: 미리보기 사진 세로길이가 길지않을경우 숨겨진 영역 모두 표시, 미리보기 사진에 커서댈시 1.2~2.2배 확대+숨겨진 영역 모두 표시.(클릭 불필요)
:ㄴ영상: 커서댈시 화면을 가리는 그림자 제거, 재생위치이동 선택영역 2배 확장, '~에서 지금 시청하기' 영상 우측 외곽에 배치.
**검색: 검색된 트윗의 검색어 주황색 강조표시.
:⚠필수설정: 더보기(More)(⋯) - 화면(Display): 완전어둡게(Lights out), 글꼴기본으로 설정해야 제대로 적용된다.
:⚠사용법: 페이지를 밑에서 위로 오릴때 휠바퀴를 굴러서 이동시 사진/영상이 있는 트윗이 순간이동하는 버그현상이 발생되므로 '''휠클릭후 커서이동or스크롤바 버튼 드래그'''로 이동해야 한다. (페북도 마찬가지)
 
*'''[[트위치]]''': 동영상에 커서댈시or일시정지시 화면을 가리는 그림자+중앙버튼 제거, 동영상 진행바 선택영역 2배 확장+미리보기 1.3배 확대, 채널에서 재생되는 영상을 가리는 영역 투명화.
 
 
*'''[[유튜브]]''': 표시량 - 메인:8(4열)→15(5열), 시청기록:5→10, 검색결과:4→8, 재생목록:9→13, 영상우측 재생목록:6→10, 우측 맞춤영상목록:9→10, 좌측 목록:22→33, 댓글:9→209→19, 답글:11→3011→28, 채팅:19→27개.
:ㄴ가이드: 주요항목 2~3열 배치+'YouTube Premium,스포츠'항목 삭제하여 모두표시됨(스크롤 불필요), '내 동영상'은 다른색으로 구분.
**홈(메인)+해시태그: 표시량(4열/5열) - 12/15→16/20개, 가이드를 처음 축소시킬때 동영상 목록이 5열 배치가 안되고 4열 그데로인 버그 고침.
**검색: 검색된 재생목록 이미지 크기 대폭 축소, 상단 메뉴 크기 축소+투명화.
**영상: 기본보기에서 좌측으로 치우친 영상 위치를 중앙으로 약간 이동. 하단 불필요한 버튼(다음,소형플레이어 등) 제거, 나머지 버튼 하단 이동, 버튼과 재생표시줄 크기 줄임, 커서가 영상안에서 움직일때 상하단 영역에 나타나는 그림자 제거(영상을 볼때 영상 상하단의 영역과 자막을 가려서 보이지않는 문제가 해결됨), 영상을 일시정지/재생시/좌우방향키 눌러 5초간격 이동시마다 잠시뜨는 영상 중앙을 가리는 불필요한 단추이미지 제거, 가로크기가 잛은 영상은 클릭가능한 선택영역을 좌우 빈공간 전체로 확장하여 마우스조작으로 영상 일시정지+다시재생+전체화면전환이 편리해짐.
::ㄴ진행바(progress slider): 미리보기 이미지 1.5배 확대(외부사이트 제외). 선택영역 확장으로 커서로 재생위치 변경이 편해지고 재생표시줄 클릭후 마우스 이동시 미리보기가 자꾸 꺼지는 문제 개선. 재생시간 표시줄을 클릭한뒤 좌우 방향키를 누를시 진행바 주변에 나타나는 파란테두리 제거.
::ㄴ볼륨바: 항상표시되어 불륨상태를 바로확인가능.
::ㄴ볼륨바: 숨김처리를 해제하여 바로 불륨 상태를 확인할수 있음.
::ㄴ자막: 마우스커서가 움직일때마다 자막이 위아래로 흔들거리는 문제 해결, 불필요하게 큰 자막 박스 크기 축소 및 투명화. / 외부사이트에서 시청시 자막이 비정상적으로 작아지는 문제 해결.
::ㄴ전체화면or외부사이트에서 화면에 커서 움직일시or일시정지시 화면위에 뜨는 요소들(제목,공유,나중에시청) 자동숨김처리+커서댈시 다시 표시, 우측상단 버튼 2개(나중에볼+목록추가) 크기축소, 일부 영상의 마지막 5~20초전에 뜨는 추천 영상/재생목록의 제목 모두 표시+커서댈시 투명화+화면전체 어두워지는 현상 제거, 영상 재생 종료후에 뜨는 추천 영상 제목 모두 표시.
::ㄴ외부사이트에서 시청시 자막이 비정상적으로 작아지는 문제 해결.
::ㄴ광고: 영상 하단 광고 팝업창(와이드 배너) 제거. / 광고영상: 5초 카운트 제거하여 바로 건너뛰기 가능+건너뛰기 버튼크기 대폭 확장. (ps.이 CSS코드를 만들었을당시 건너뛰기가 불가능했던것도 바로 건너뛰기 가능했는데 우연인지 불과 하루이틀만에 유튜브가 업데이트되면서 건너뛰기 불가능해져버렸다... 이런일 당한게 한두번이 아닌데 코드 고생해서만들었는데 몇일도안되서 일부 무력화시켜버리니 진짜 개빡침)
::※Tip: 전체화면 모드로 할때마다 뜨는 팝업 메시지 'youtue.com 이 전체 화면 모드 입니다 [전체 화면 종료 (ESC)]'를 없애는 방법은 주소창에 <code>about:config</code> 입력 - <code>full-screen-api.warning.timeout</code>: 3000 → 0 으로 설정하면 된다. ([http://youtube.com/watch?v=G4NF7WWWTms 영상 설명])
**시청: 파폭에서 영상 초기(자동재생 방지가 되서 좋지만) 재생하려는데 전체공간에 클릭이 안먹히고 중앙의 작은버튼을 클릭해야 재생되는 버그 고침. 영상 우측상단 재생목록의 삭제버튼을 축소시키고 커서가 다가가면 빨간색 강조표시(실수로 잘못 누름 방지).
::ㄴ게시글: 제목위 표시되는 태그들 사이 거리두기, 저장-재생목록 팝업창 크기 증가. / 재생목록저장 - 표시량: 8→28개
::ㄴ댓글: 좋아요버튼 선택영역확장, 너무 많이 뛰어쓴 글은 한줄로 이어붙임, 복사시 이름이 중복 복사되는 문제해결, 댓글 등록버튼과 취소버튼 거리두기(실수로 잘못눌러 글이 지워지는 불상사 방지), 회원아이콘 2.3배 확대+강조표시.
::ㄴ채팅: 우측사이드바 영상제목+채팅창 너비 우측으로 대폭 확장. 채팅 작성자 이름+내용 색상분리.
::ㄴ사이드바-추천영상: 제목 최대 2→3열까지 표시, 단어 표시량 2배 증가.
**재생목록: 영상 이미지에 커서댈시 2배 확대. '비공개+삭제된 영상'이 차지하는 공간을 절반이하로 줄임, 제목+내용 입력 공간 대폭 넓힘, 영상 좌측하단에 '시청함' 메시지 삭제, 우측하단 재생시간 주변 그림자 크기 축소.
::ㄴ사이드바-재생목록: 삭제버튼을 축소시키고 커서가 다가가면 빨간색 강조표시(실수로 잘못 누름 방지).
**재생목록: 영상 이미지에 커서댈시 2배 확대. '비공개+삭제된 영상'이 차지하는 공간을 절반이하로 줄임, 제목+내용 입력 공간 대폭 넓힘, 영상 좌측하단에 '시청함' 메시지 삭제, 우측하단 재생시간 주변 그림자 크기 축소. <s>'비공개+삭제된 영상' 차지공간 절반이하 축소(21년10초쯤 유튜브 업뎃으로 비공+삭제된 영상 자동 숨김처리됨).</s>
**채널: 표시량(miniguid상태) - 채널재생목록:24(6열)→40(8열), 채널영상목록:24(6열)→40(8열), 채널구독목록:24(6열)→96(16열), 채널검색:5→10개. 재생목록 우측 불투명한 회색 영역(영상갯수표시) 투명화.
::ㄴ커뮤니티/포스트: 표시량 - 댓글:9→21, 답글:10→26개. 댓글 이미지 사격형으로, 너무 작은 리플 이미지 크기를 댓글 이미지 크기와 동일한 크기로 확대. 댓글 복사시 이름이 중복 복사되는 문제해결.
**비교: 표시량 35→45~57줄. 배경색+취소선 제거, 변경내용+줄번호 크기 약간 증가, 줄간격 축소, 빈줄 절반이하 대폭 축소, 내용이 추가/삭제된 문장과 새로 만들어진/통째 삭제된 문장을 서로 다른 색으로 분리.(7가지 색상)
**사용자기여: 기여목록의 문서명과 우측 역사·비교·토론 항목과 거리두기+색상 변경으로 명확히 구분, 짧은 문서이름 선택영역 확장.
**내 문서함: 표시량 35→148개35→128개(4열)+선택영역 확장+번호순서 표시.
**특수문서목록: 표시량 35→100개(4열)(모두표시됨)+선택영역 확장.
*'''[[나무게시판]]''': 게시판 목록에 서로붙어있는 번호와 제목 거리두기, 게시판 페이지 너비를 우측으로 확장, 우측 사이드바 나무뉴스 기사 이름 짤림없이 모두 표시, 불필요한 절취선 감축.
 
*'''[[아카이브]]''': 줄간격 단축, 편집창의 세로길이 40% 증가. 최근방문 표시량 약30% 증가.
:ㄴ게시판: 게시물들+페이지이동표시줄 모두표시(스크롤불필요), 미리보기 이미지 2배 확대., 이미지가 있는 게시물 아이콘은 하늘색으로 강조표시, 제목이 길어서 짤린경우 커서댈시 모두 표시., 구독채널의 게시판 목록과 페이지이동 버튼이 한화면에 모두 표시되어 스크롤할표시(스크롤 필요없음.불필요), 댓글수 글자크기 제목과 동일한 크기로 증가.
:ㄴ게시글: 글자,사진 중앙 배치. 일부 채널에서 이미지 없이 등록한 게시글의 상단에 뜨는 이미지 축소. (커서댈시 원본 크기로 복구됨), 추천/비추 버튼 거리두기. 게시자 아바타 크기 5배 증가.
:ㄴ댓글: 좌측으로 치우친 위치를 우측으로 이동배치. 아바타 크기 2배 증가+커서댈시 4배 확대. 아카콘 사진 선택목록 모두표시+9→18열 배치.(스크롤불필요)
::※설정Tip: 글자크기:보통~크게, 배경:기본or어둡게, 어두운배경색상:어둡게
**[[아카콘]]: 아카콘 종류 목록 5→7열(3→2줄) 배치(스크롤불필요), 사진 목록 8→12열 배치+줄간격1px추가.
::※설정Tip: 설정-기타에서 구매한 아카콘 사용안함/사용함 설정가능.
 
*'''[[디시인사이드]]''': 오늘의 이슈 한꺼번에 모두 표시, 메뉴 더보기 안의 이벤트+만두몰 바로 표시, 검색창밑 추천검색어창 밖으로 커서 이동시 자동숨김처리, 카테고리+추천검색어 선택영역확장. / ※설정Tip: 야간모드 설정.
**카카오+다음 쇼핑: 표시량 - 검색결과:4→6개
*'''[[티스토리]]''': 사이드바 카테고리 절취선 추가.
*'''[[틱톡]]''': 댓글 선택가능.
 
*'''[[네이트]]''': 메일 선택영역 확장.
 
 
*'''[[11번가]]''': 표시량 - 검색결과:5→18(2열), 스토어:6→20(3→5열), 옵션:7→32[사진:5→11], 장바구니:4→14, 내역:7→11, 추천+연관+함께본상품:5→12, 판매자인기상품:3→11, 추천리뷰:1→5개. 목록의 상품 이미지에 커서댈시 1.5~2배 확대, 주문내역 이미지 기본 1.33배 확대, 검색 메뉴의 툴팁 버튼을 클릭시 잘안꺼지는 문제수정, 주문정보 상품선택버튼 선택영역확장.
*'''[[G마켓]]''': 표시량 - 검색결과:4→6, 미니샵:24→60(6→10열), 옵션(/우측):8/5→34[사진:8/4→13], 선택한옵션(/우측):9/4→20/18, 장바구니(/옵션):7/9→19/26개. 검색된 상품이미지에 커서댈시 1.6배 확대.
**미니샵: 미니아이콘 정렬 표시량:24→60개(6→12열)(모두표시+스크롤불필요), 커서댈시 이미지 1.25배 확대.
*'''[[옥션]]''': 표시량 - 옵션(+사진):5→8개.
*'''[[위메프]]''': 표시량 - 옵션(+사진):4→8개.
*'''[[쿠팡]]''': 표시량 - 옵션:3→18개. 장바구니 상품가격+갯수 글자크기 17% 증가(12→14px), 장바구니 '캐시적립 혜택' 제거.
*'''[[티몬]]''': 표시량 - 검색결과:(4→5열), 옵션:6→20개. 검색상품 이미지의 좌측 위아래를 가리는 불필요한 쿠폰스티커 제거, '균일가'단어+상품설명안내 제거, 상품 갯수 숫자 크기 증가, 19금 이미지차단 해제, 검색된 상품이미지에 커서댈시 1.4배 확대.
*'''[[바나나몰]]''': 표시량 - 연관검색어:4→10, 리스트:8→12개. / 결제페이지에서 주문하기 버튼 우측의 다시작성(초기화) 버튼 제거. / 출석체크 버튼 선택영역확장.
*'''[[오나미몰]]''': 출석체크 버튼 선택영역확장 및 상단 팁 이미지 제거.
*'''[[Aliexpress]]''': 표시량 - 리뷰5→7개. / 불필요한 광고+중복 배너 제거, 동영상 재생버튼 투명화.
 
*'''[[DLsite]]''': 영상에 커서댈시 뜨는 위아래 표시줄 투명화. 제목 복사가능.
*'''[[itch.io]]''': 배경이미지가 가려지지않고 모두 표시+글자에 그림자효과 추가.
 
==== 패치 노트 ====
*v21.10.22 = 디키:역사+주시 일부 글색 수정, 각주 사진배치 개선. / 남간:각주개선각주 개선. / 유튜브:영상밑 추천+공유+저장버튼개선, 내외부사이트영상 미리보기개선. / 트위터:사진자동확대기능 버그수정^, 일부 영상 문제수정^, 이스레드보기버튼개선, 트위터로고+홈버튼 통합, 홈-트윗메뉴버튼 선택영역확장. / 뇌이버:모바일블로그+메일메뉴 개선. / 다음메일:다크적용. / 다음뉴스+한국일보:너비확장. / 11st:문의단추색변경, 검색메뉴툴팁 문제수정. / 디시,아카,티스토리,bignox,github 개선 개선.
*v21.11 = All:고대비 미사용시 다크모드 적용안되는 버그수정*, 강조표시 흰색에서 노랑색으로 변경. / 트위터:사진확대기능 개선, 일부 트윗이 표시되지않는 버그수정*, 트윗하기 버튼 클릭이 안되는 버그수정* / 남간:글씨크기설정에따른 문제수정*, 검색바 개선. / 아카:위키목차 개선, 아카콘배치 개선, 광고제거. / 뇌이버:다크모드 재적용* / 11st:스토어더보기+주문정보 버튼 선택영역확장, 스토어 하단 불필요한 공간 제거. / G마켓:미니샵 미니아이콘 정렬 모두표시+스크롤불필요+사진자동확대. / 경향신문+msn뉴스:너비확장. / mozilla developer: 메뉴 선택영역확장.
 
*v21.12 = All:css최적화+렉감소. / 구글+위키+디키+남간+트위터+다음+뇌이버+쥐마켓+옥션+쿠팡+11st등:검색바+옵션+필터 밑의 드랍다운메뉴 자동표시/숨김기능추가 및 버그수정* / 유튜브 재생영상 우측 추천영상제목2→3열 표시. / 트위터:다중사진의 좌측사진은 좌측으로 자동확대, 쪽지(채팅) 표시공간확장. / 위백:영어+한글보기버튼+검색바 항상표시. / 남간:내문서함 줄간격 다시늘림* / 아카:댓글크기확대. / 디시갤:너비확장, 게시물작성 공간최적화+다크적용. / 일베:게시판 선택영역확장. / 뇌이버-카페:출생일가입조건있는경우 가입하기버튼클릭이안되는 버그수정* / 연합뉴스+뉴데일리+Wisconsinrightnow:너비확장. / 구글:검색결과 모두표시.(스크롤감소or불필요) / 구글검색^+모바일페북+다나와+루리웹+벨라도+투데이스피피시+gitlab+soundcloud:다크모드적용.
(*=편집실수로 인한 문제 복구. / ^=웹사이트 업데이트로 인한 문제 복구. / @=미완성)
 
 

편집

21