diff --git a/src/utils.js b/src/utils.js index f856cdd..ceb255e 100644 --- a/src/utils.js +++ b/src/utils.js @@ -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('', ` - `) + `) } else { // default, auto theme data = data.replace('', ``) diff --git a/static/styles_fr.css b/static/styles_fr.css index 8269879..74f31dd 100644 --- a/static/styles_fr.css +++ b/static/styles_fr.css @@ -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); diff --git a/static/styles_ko.css b/static/styles_ko.css index 2598a6c..49c9e47 100644 --- a/static/styles_ko.css +++ b/static/styles_ko.css @@ -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); diff --git a/static/wikipedia_styles_dark_fr.css b/static/wikipedia_styles_dark_fr.css new file mode 100644 index 0000000..33252f0 --- /dev/null +++ b/static/wikipedia_styles_dark_fr.css @@ -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); +} + diff --git a/static/wikipedia_styles_dark_ko.css b/static/wikipedia_styles_dark_ko.css new file mode 100644 index 0000000..e985e89 --- /dev/null +++ b/static/wikipedia_styles_dark_ko.css @@ -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%); +} \ No newline at end of file diff --git a/static/wikipedia_styles_light_fr.css b/static/wikipedia_styles_light_fr.css index 0990f1e..753723d 100644 --- a/static/wikipedia_styles_light_fr.css +++ b/static/wikipedia_styles_light_fr.css @@ -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); diff --git a/static/wikipedia_styles_light_ko.css b/static/wikipedia_styles_light_ko.css index a580f0b..713303f 100644 --- a/static/wikipedia_styles_light_ko.css +++ b/static/wikipedia_styles_light_ko.css @@ -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; -} +} \ No newline at end of file