diff --git a/_includes/language-alert.html b/_includes/language-alert.html
index 06fae71f..48299191 100644
--- a/_includes/language-alert.html
+++ b/_includes/language-alert.html
@@ -1,5 +1,5 @@
-
\ No newline at end of file
diff --git a/assets/css/dark.scss b/assets/css/dark.scss
index d5377d26..74b4516c 100755
--- a/assets/css/dark.scss
+++ b/assets/css/dark.scss
@@ -10,10 +10,13 @@
--blockquote-color: #999;
--code-bg: #3f3f3f;
--code-color: #ddd;
- --a-color: #0366d6;
+ --a-color: #58a6ff;
--small-color: gray;
--carousel-caption-bg: #333b;
--table-alt-bg: #2a2a2a;
+ --kbd-bg: #666;
+ --kbd-border: #444;
+ --alert-secondary-border: #2f2f2f;
// Cards
--card-background: #444;
diff --git a/assets/css/light.scss b/assets/css/light.scss
index 9dd3e67a..43af3b63 100755
--- a/assets/css/light.scss
+++ b/assets/css/light.scss
@@ -14,6 +14,9 @@
--small-color: gray;
--carousel-caption-bg: #fffb;
--table-alt-bg: #f0f0f0;
+ --kbd-bg: #fafafa;
+ --kbd-border: #ddd;
+ --alert-secondary-border: #bbb;
// Cards
--card-background: var(--main-bg);
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 0e6157c6..3ace48eb 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -124,7 +124,7 @@ div .btn-primary:hover {
.alert-secondary {
color: var(--code-color);
background-color: var(--code-bg);
- border-color: var(--code-bg);
+ border-color: var(--alert-secondary-border);
}
// Override the dark text too
@@ -326,6 +326,33 @@ table tr:nth-child(2n) {
background-color: var(--table-alt-bg);
}
+// Buttons
+kbd {
+ padding: 3px 6px;
+ font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
+ line-height: 10px;
+ color: var(--main-color);
+ vertical-align: middle;
+ background-color: var(--kbd-bg);
+ border: 1px solid var(--kbd-border);
+ border-radius: 6px;
+ box-shadow: inset 0 -1px 0 var(--kbd-border);
+}
+
+kbd.l {
+ border-radius: 15px 6px 6px 6px;
+ padding-left: 8px;
+}
+
+kbd.r {
+ border-radius: 6px 15px 6px 6px;
+ padding-right: 8px;
+}
+
+kbd.face {
+ border-radius: 15px;
+}
+
@media only screen and (min-width: 576px) {
// Only right align language dropdown when sm+
.language-dropdown {
diff --git a/pages/_en-US/twilightmenu/download-play-pictochat.md b/pages/_en-US/twilightmenu/download-play-pictochat.md
index 94b410fe..5496214f 100644
--- a/pages/_en-US/twilightmenu/download-play-pictochat.md
+++ b/pages/_en-US/twilightmenu/download-play-pictochat.md
@@ -10,7 +10,7 @@ If you're using a DSi console, you should already be able to launch those apps.
Otherwise, if you have a 3DS, proceed below.
In GodMode9:
-- Press R+A on SYSNAND TWLN
+- Press
R +
A on SYSNAND TWLN
- Select `Search for titles`
- Select `DS Download Play (NTR-HNDA).tmd`
- Select `TMD file options...`
diff --git a/pages/_en-US/twilightmenu/how-to-get-box-art.md b/pages/_en-US/twilightmenu/how-to-get-box-art.md
index 1464206c..e2342f89 100644
--- a/pages/_en-US/twilightmenu/how-to-get-box-art.md
+++ b/pages/_en-US/twilightmenu/how-to-get-box-art.md
@@ -9,7 +9,7 @@ category: Other
### 3DS
1. Install [KirovAir's TWiLight Menu++ Updater fork](https://github.com/KirovAir/TWiLightMenu-Updater/releases)
- This will replace the normal TWiLight Menu++ Updater, so use Universal-Updater instead for updating TWiLight Menu++
-1. Select `Extras`, `Boxart`, then press
X to scan the full SD card or
A to select a folder to scan
+1. Select `Extras`, `Boxart`, then press
X to scan the full SD card or
A to select a folder to scan
1. Choose a box art size
1. Choose a border style
1. Make sure box art is set to be shown in TWiLight Menu++ settings
diff --git a/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md b/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md
index 9d5062d8..d0341e59 100644
--- a/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md
+++ b/pages/_en-US/twilightmenu/installing-3ds-universal-updater.md
@@ -9,5 +9,5 @@ category: Installing
1. Install [Universal-Updater](https://github.com/Universal-Team/Universal-Updater/releases)
1. Open Universal-Updater and find TWiLight Menu++ in the app grid, you can search for it if your having trouble finding it
- It has this icon: 
-1. Press `A` or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
+1. Press
A or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
- This will take a while
diff --git a/pages/_en-US/twilightmenu/installing-dsi.md b/pages/_en-US/twilightmenu/installing-dsi.md
index 48170c2e..242d1cf7 100644
--- a/pages/_en-US/twilightmenu/installing-dsi.md
+++ b/pages/_en-US/twilightmenu/installing-dsi.md
@@ -14,6 +14,6 @@ category: Installing
1. **hiyaCFW users:** Copy the `title` folder to your SD card root
### Autobooting with Unlaunch
-1. Turn on your DSi while holding
A and
B
+1. Turn on your DSi while holding
A and
B
1. In the Unlaunch menu, go to `OPTIONS`
1. Set `NO BUTTON` or a button of your choice to the `TWiLight Menu++` that says `BOOT.NDS` on the bottom screen
diff --git a/pages/_en-US/twilightmenu/playing-in-widescreen.md b/pages/_en-US/twilightmenu/playing-in-widescreen.md
index b965165c..28e7461a 100644
--- a/pages/_en-US/twilightmenu/playing-in-widescreen.md
+++ b/pages/_en-US/twilightmenu/playing-in-widescreen.md
@@ -16,7 +16,7 @@ Requires an Old/New Nintendo 3DS or 2DS console.
1. In Luma config, enable external FIRMs and modules
1. Install the TWPatch CIA
1. Launch TWPatch
-1. Press X+START to generate a `TwlBg.cxi` file with widescreen
+1. Press
X +
START to generate a `TwlBg.cxi` file with widescreen
- If the top screen doesn't indicate that wide patch is enabled, start from step 4 again
- If widescreen still doesn't work, wait for RTCom-activated widescreen to be released
1. In the TWiLight Menu++ settings, switch the page to `Misc settings`, and set `Screen Aspect Ratio` to `16:10`
@@ -28,7 +28,7 @@ You're all done! Enjoy your DS games in widescreen!
For this to be fixed so only the widescreen-compatible games run in widescreen, wait for RTCom-activated widescreen to be released.
**NOTE2:**
-Do not hold `START` or `SELECT` when launching TWLMenu++, if you don't want widescreen to look glitched.
+Do not hold
START or
SELECT when launching TWLMenu++, if you don't want widescreen to look glitched.
If you don't see the screen aspect ratio setting, wait for RTCom-activated widescreen to be released.
Not every game is widescreen compatible. [We have created a list of games with widescreen](https://github.com/DS-Homebrew/TWiLightMenu/blob/master/7zfile/3DS%20-%20CFW%20users/Games%20supported%20with%20widescreen.txt)
diff --git a/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md b/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md
index cd49bcd4..e5ac6524 100644
--- a/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md
+++ b/pages/_en-US/twilightmenu/updating-3ds-universal-updater.md
@@ -11,7 +11,7 @@ category: Updating
1. Open Universal-Updater
- If you don't have it, follow the [installing](installing-3ds-universal-updater) instructions
1. Find TWiLight Menu++ in the app grid, you can search for it if you're having trouble finding it
-1. Press
A or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
+1. Press
A or tap the download icon in the sidebar and select `TWiLight Menu++` to install it
- This will take a while