미디어위키토론:Common.css: 두 판 사이의 차이
새 주제보이기
마지막 의견: 2023년 6월 7일 (수) (Senouis님) - 주제: 다크 모드 스타일 건의 및 리버티게임 이름공간의 배경색을 변경 건의
imported>Senouis |
imported>명진 잔글 오자 |
||
(사용자 2명의 중간 판 11개는 보이지 않습니다) | |||
9번째 줄: | 9번째 줄: | ||
:{{미완료|철회}}합니다. --{{사용자:hsl0/서명}} 2021년 10월 29일 (금) 15:38 (KST) | :{{미완료|철회}}합니다. --{{사용자:hsl0/서명}} 2021년 10월 29일 (금) 15:38 (KST) | ||
== 다크 모드 스타일 건의 및 리버티게임 이름공간의 배경색을 | == 다크 모드 스타일 건의 및 리버티게임 이름공간의 배경색을 변경 건의 == | ||
< | <syntaxhighlight lang="css"> | ||
/* 다크 모드 스타일 */ | |||
:root { | |||
--ns-4-background-color: #ededed; | |||
--ns-color: initial; | |||
} | |||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
:root { | |||
background-color: | --ns-4-background-color: #323232; | ||
color: | --ns-color: #ffffff; | ||
} | } | ||
}</ | .body { | ||
다크 모드 스타일은 아파치 라이선스 2.0으로 배포되는 제 테마인 Arasimple에서 가져왔습니다. 더불어 리버티게임 이름공간에 한해 배경색을 없애는 것을 건의합니다. --[[사용자:명진|명진]] ([[사용자토론:명진|토론]]) 2023년 6월 1일 (목) 17:46 (KST) | background-color: #28292a; | ||
} | |||
.mw-page-container { | |||
background-color: #bebebe; | |||
} | |||
.ns-0 #content, .ns-0 #p-cactions li a:hover, .ns-0 #p-cactions li.selected a, | |||
.ns-2 #content, .ns-2 #p-cactions li a:hover, .ns-2 #p-cactions li.selected a { | |||
background-color: #323232; | |||
color: #ffffff; | |||
} | |||
.ns-0 .mw-headline, .ns-2 .mw-headline { | |||
color: #ffffff; | |||
} | |||
} | |||
/* 코드 중략 */ | |||
.ns-4 #content, .ns-4 #p-cactions li a:hover, .ns-4 #p-cactions li.selected a, | |||
.ns-12 #content, .ns-12 #p-cactions li a:hover, .ns-12 #p-cactions li.selected a { | |||
background-color: var(--ns-4-background-color); | |||
color: var(--ns-color); | |||
} | |||
.ns-4 .mw-headline, .ns-12 .mw-headline { | |||
color: var(--ns-color); | |||
} | |||
</syntaxhighlight> | |||
다크 모드 스타일은 아파치 라이선스 2.0으로 배포되는 제 테마인 Arasimple에서 가져왔습니다. 더불어 리버티게임 이름공간에 한해 배경색을 <del>없애는</del> 것을 건의합니다. --[[사용자:명진|명진]] ([[사용자토론:명진|토론]]) 2023년 6월 1일 (목) 17:46 (KST) | |||
: 이전 백괴게임 공간 말씀이시죠? 일단 다크 모드 스타일 코드를 추가했는데 여전히 밑에 흰 부분이 남아서 한번 점검해보겠습니다. --{{사용자:Senouis/서명}} 2023년 6월 2일 (금) 00:26 (KST) | : 이전 백괴게임 공간 말씀이시죠? 일단 다크 모드 스타일 코드를 추가했는데 여전히 밑에 흰 부분이 남아서 한번 점검해보겠습니다. --{{사용자:Senouis/서명}} 2023년 6월 2일 (금) 00:26 (KST) | ||
코드를 한번 변경해봤습니다. 배경색은 비주얼 스튜디오 코드를 참조했습니다. 프로젝트 이름공간의 배경색은 이제 GOG.com을 따릅니다. --[[사용자:명진|명진]] ([[사용자토론:명진|토론]]) 2023년 6월 2일 (금) 02:56 (KST) | |||
페이지 컨테이너가 너무 어두어서 아이콘이 식별이 어렵습니다. 따라서 해당 배경색을 #BEBEBE로 변경을 부탁드립니다. 해당 명도 대비는 WCAG AAA를 통과하였습니다. 더불어 이에 맞춰 dismissable-notice 색을 삭제했습니다. --[[사용자:명진|명진]] ([[사용자토론:명진|토론]]) 2023년 6월 2일 (금) 13:26 (KST) | |||
: 테스트해본 결과 .ns-4 .mw-headline까지 background color 속성을 지정하면 대문 문서에서 게임 광고 글씨 부분에 구멍이 나버려서 그 부분만 제외하고 반영했습니다. 거기는 font의 컬러만 흰색으로 남길까요? --{{사용자:Senouis/서명}} 2023년 6월 2일 (금) 20:56 (KST) | |||
:: 해당 버그는 저도 확인하였습니다. .mw-headline에 배경색이 지정되어 h2 태그를 사용하는 대문의 일부 항목도 배경색이 지정되었습니다. 따라서 제가 해당 코드를 변경해봤습니다. --[[사용자:명진|명진]] ([[사용자토론:명진|토론]]) 2023년 6월 2일 (금) 21:55 (KST) | |||
대부분의 코드를 철회 요청: 이미 미디어위키 벡터 2022에 어두운 모드가 있습니다. 따라서 프로젝트 및 도움말 이름공간의 배경색 #ededed를 제외하고 다크 모드 스타일의 모든 건의의 철회를 요청합니다. --[[사용자:명진|명진]] ([[사용자토론:명진|토론]]) 2023년 6월 7일 (수) 03:55 (KST) | |||
: 네, 알겠습니다. --{{사용자:Senouis/서명}} 2023년 6월 7일 (수) 15:03 (KST) |
2023년 6월 7일 (수) 15:44 기준 최신판
편집 요청 211025[원본 편집]
text-decoration: dashed underline #3399FF;
text-decoration: dashed underline #ff3399;
626줄과 665줄에서 .ref-symbol과 링크경고의 border-bottom을 위와 같이 text-decoration으로 변경해 주세요. --hsl(토론, 기여, 게임, 메일) 2021년 10월 25일 (월) 14:38 (KST)
다크 모드 스타일 건의 및 리버티게임 이름공간의 배경색을 변경 건의[원본 편집]
/* 다크 모드 스타일 */
:root {
--ns-4-background-color: #ededed;
--ns-color: initial;
}
@media (prefers-color-scheme: dark) {
:root {
--ns-4-background-color: #323232;
--ns-color: #ffffff;
}
.body {
background-color: #28292a;
}
.mw-page-container {
background-color: #bebebe;
}
.ns-0 #content, .ns-0 #p-cactions li a:hover, .ns-0 #p-cactions li.selected a,
.ns-2 #content, .ns-2 #p-cactions li a:hover, .ns-2 #p-cactions li.selected a {
background-color: #323232;
color: #ffffff;
}
.ns-0 .mw-headline, .ns-2 .mw-headline {
color: #ffffff;
}
}
/* 코드 중략 */
.ns-4 #content, .ns-4 #p-cactions li a:hover, .ns-4 #p-cactions li.selected a,
.ns-12 #content, .ns-12 #p-cactions li a:hover, .ns-12 #p-cactions li.selected a {
background-color: var(--ns-4-background-color);
color: var(--ns-color);
}
.ns-4 .mw-headline, .ns-12 .mw-headline {
color: var(--ns-color);
}
다크 모드 스타일은 아파치 라이선스 2.0으로 배포되는 제 테마인 Arasimple에서 가져왔습니다. 더불어 리버티게임 이름공간에 한해 배경색을 없애는 것을 건의합니다. --명진 (토론) 2023년 6월 1일 (목) 17:46 (KST)
- 이전 백괴게임 공간 말씀이시죠? 일단 다크 모드 스타일 코드를 추가했는데 여전히 밑에 흰 부분이 남아서 한번 점검해보겠습니다. --Senouis(토론장, 기여) 2023년 6월 2일 (금) 00:26 (KST)
코드를 한번 변경해봤습니다. 배경색은 비주얼 스튜디오 코드를 참조했습니다. 프로젝트 이름공간의 배경색은 이제 GOG.com을 따릅니다. --명진 (토론) 2023년 6월 2일 (금) 02:56 (KST)
페이지 컨테이너가 너무 어두어서 아이콘이 식별이 어렵습니다. 따라서 해당 배경색을 #BEBEBE로 변경을 부탁드립니다. 해당 명도 대비는 WCAG AAA를 통과하였습니다. 더불어 이에 맞춰 dismissable-notice 색을 삭제했습니다. --명진 (토론) 2023년 6월 2일 (금) 13:26 (KST)
- 테스트해본 결과 .ns-4 .mw-headline까지 background color 속성을 지정하면 대문 문서에서 게임 광고 글씨 부분에 구멍이 나버려서 그 부분만 제외하고 반영했습니다. 거기는 font의 컬러만 흰색으로 남길까요? --Senouis(토론장, 기여) 2023년 6월 2일 (금) 20:56 (KST)
- 해당 버그는 저도 확인하였습니다. .mw-headline에 배경색이 지정되어 h2 태그를 사용하는 대문의 일부 항목도 배경색이 지정되었습니다. 따라서 제가 해당 코드를 변경해봤습니다. --명진 (토론) 2023년 6월 2일 (금) 21:55 (KST)
대부분의 코드를 철회 요청: 이미 미디어위키 벡터 2022에 어두운 모드가 있습니다. 따라서 프로젝트 및 도움말 이름공간의 배경색 #ededed를 제외하고 다크 모드 스타일의 모든 건의의 철회를 요청합니다. --명진 (토론) 2023년 6월 7일 (수) 03:55 (KST)
- 네, 알겠습니다. --Senouis(토론장, 기여) 2023년 6월 7일 (수) 15:03 (KST)