Metastem/wikiless
1
0
Fork 0
mirror of https://github.com/Metastem/wikiless synced 2024-12-06 19:16:58 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix dark theme of Korean 'Main_Page' (#46, #76)

Browse Source
This commit is contained in:
Jean-Luc Tibaux
2022-07-23 19:02:34 +00:00
parent f898d7b546
commit e0afa3cf33
7 changed files with 67 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/utils.js
+1 -1
View File
@@ -87,7 +87,7 @@ module.exports = function(redis) {
} else if(theme === 'dark') {
// if the user has chosen the dark theme from the preferences
data = data.replace('</head>', `<link rel="stylesheet" href="/wikipedia_styles_light${lang_suffix}.css">
<link rel="stylesheet" href="/wikipedia_styles_dark.css"></head>`)
<link rel="stylesheet" href="/wikipedia_styles_dark${lang_suffix}.css"></head>`)
} else {
// default, auto theme
data = data.replace('</head>', `<link rel="stylesheet" href="/styles${lang_suffix}.css"></head>`)
static/styles_fr.css
+1 -1
View File
@@ -1,2 +1,2 @@
@import "wikipedia_styles_light_fr.css";
@import "wikipedia_styles_dark.css" (prefers-color-scheme: dark);
@import "wikipedia_styles_dark_fr.css" (prefers-color-scheme: dark);
static/styles_ko.css
+1 -1
View File
@@ -1,2 +1,2 @@
@import "wikipedia_styles_light_ko.css";
@import "wikipedia_styles_dark.css" (prefers-color-scheme: dark);
@import "wikipedia_styles_dark_ko.css" (prefers-color-scheme: dark);
static/wikipedia_styles_dark_fr.css
+21
View File
@@ -0,0 +1,21 @@
@import "wikipedia_styles_dark.css";
/* the logo section at the left side at the top of the French page header */
img.mw-logo-wordmark, img.mw-logo-tagline {
filter: invert(90%);
}
/* main content of French 'Main_Page' */
#accueil_2017_en-tete {
background: transparent !important;
border: 1px solid var(--gray-5);
}
#mw-content-text h2 {
background: transparent !important;
}
div.accueil_2017_cadre {
box-shadow: none;
border: 1px solid var(--gray-5);
}
static/wikipedia_styles_dark_ko.css
+38
View File
@@ -0,0 +1,38 @@
@import "wikipedia_styles_dark.css";
/* the logo section at the left side at the top of the Korean page header */
img.mw-logo-wordmark, img.mw-logo-tagline {
filter: invert(90%);
}
.mw-ui-icon-wikimedia-logIn::before {
filter:invert(1);
}
#p-personal .vector-menu-content,
.vector-user-menu-create-account,
.vector-user-menu-login,
.vector-user-menu-anon-editor,
.vector-menu-content-item, .vector-menu-content-item:hover,
.vector-menu-content-list #pt-anontalk, .vector-menu-content-list #pt-anontalk a, .vector-menu-content-list #pt-anontalk a:hover,
.vector-menu-content-list #pt-anoncontribs a {
background-color: var(--black_8)!important;
color: var(--white) !important;
}
/* fix white background of boxes on Korean landing page */
.mw-parser-output .main-top,
.mw-parser-output .main-top-left,
.mw-parser-output .main-top-left p,
.mw-parser-output .main-box {
background: transparent!important;
color: var(--white) !important;
}
/* svg icons on middle-left 'main-boxes' of Korean landing page
-> svg styling is not possible here -> using css filter
*/
.main-shortcut-item img {
filter: invert(90%);
}
static/wikipedia_styles_light_fr.css
+2 -2
View File
@@ -2776,9 +2776,9 @@ a.mw-ui-button:focus {
}
/* END WIKILESS OVERRIDES */
.mw-ui-icon-wikimedia-logIn:before {
background-image: url(/w/load.php?modules=skins.vector.icons&image=logIn&format=rasterized&lang=fr&skin=vector&version=3vgeg);
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E log in %3C/title%3E%3Cpath d=%22M1 11v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v6h8V5l4.75 5L9 15v-4H1z%22/%3E%3C/svg%3E");
background-image: linear-gradient(transparent, transparent),
url(/w/load.php?modules=skins.vector.icons&image=logIn&format=original&lang=fr&skin=vector&version=3vgeg);
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E log in %3C/title%3E%3Cpath d=%22M1 11v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v6h8V5l4.75 5L9 15v-4H1z%22/%3E%3C/svg%3E");
}
.mw-ui-icon-wikimedia-logIn-progressive:before {
background-image: url(/w/load.php?modules=skins.vector.icons&image=logIn&variant=progressive&format=rasterized&lang=fr&skin=vector&version=3vgeg);
static/wikipedia_styles_light_ko.css
+3 -3
View File
@@ -2776,9 +2776,9 @@ a.mw-ui-button:focus {
}
/* END WIKILESS OVERRIDES */
.mw-ui-icon-wikimedia-logIn:before {
background-image: url(/w/load.php?modules=skins.vector.icons&image=logIn&format=rasterized&lang=fr&skin=vector&version=3vgeg);
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E log in %3C/title%3E%3Cpath d=%22M1 11v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v6h8V5l4.75 5L9 15v-4H1z%22/%3E%3C/svg%3E");
background-image: linear-gradient(transparent, transparent),
url(/w/load.php?modules=skins.vector.icons&image=logIn&format=original&lang=fr&skin=vector&version=3vgeg);
url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E log in %3C/title%3E%3Cpath d=%22M1 11v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v6h8V5l4.75 5L9 15v-4H1z%22/%3E%3C/svg%3E");
}
.mw-ui-icon-wikimedia-logIn-progressive:before {
background-image: url(/w/load.php?modules=skins.vector.icons&image=logIn&variant=progressive&format=rasterized&lang=fr&skin=vector&version=3vgeg);
@@ -5730,4 +5730,4 @@ div.after-portlet-lang:after {
}
.infobox {
float: right;
}
}