From 826118e62981fe40873a6086800d05547e3af3b7 Mon Sep 17 00:00:00 2001 From: DanielleM27 <65420682+DanielleM27@users.noreply.github.com> Date: Tue, 26 Apr 2022 15:00:18 +0200 Subject: [PATCH 1/3] Create switch-between-dark-mode-and-light-mode.md --- ...switch-between-dark-mode-and-light-mode.md | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md diff --git a/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md b/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md new file mode 100644 index 00000000..e10108ee --- /dev/null +++ b/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md @@ -0,0 +1,22 @@ + + +# How to Turn on Dark Mode and Switch Themes on Replit + + +We recently changed how you change themes on Replit, and since people have been asking, we'll show you how it's done in this short blogpost. Start off by clicking on the hamburger button in the top right corner to open up the sidebar: + +![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/hamburger.webp + +Next, simply click on the moon or sun at the bottom of the menu to switch between light and dark theme: + +![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/lebutton2.webp + +We're working on adding themes besides light and dark currntly, such as the spooky theme. Changing to these themes is easy as well! Start out by clicking your username on the aforementioned sidebar, then click on Account: + + ![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/account3.webp + + Scroll down until you get to the Preferences section, and use the dropdown menu to change your theme: + +![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/spooky4.webp + +There ya have it, easy theme changing on Replit! From f9c7702c60b180d8872a878ba0d4a1209a6c5aa4 Mon Sep 17 00:00:00 2001 From: DanielleM27 <65420682+DanielleM27@users.noreply.github.com> Date: Tue, 26 Apr 2022 15:12:26 +0200 Subject: [PATCH 2/3] Update switch-between-dark-mode-and-light-mode.md --- .../switch-between-dark-mode-and-light-mode.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md b/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md index e10108ee..5d00e07f 100644 --- a/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md +++ b/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md @@ -5,18 +5,18 @@ We recently changed how you change themes on Replit, and since people have been asking, we'll show you how it's done in this short blogpost. Start off by clicking on the hamburger button in the top right corner to open up the sidebar: -![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/hamburger.webp +![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/hamburger.webp) Next, simply click on the moon or sun at the bottom of the menu to switch between light and dark theme: -![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/lebutton2.webp +![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/lebutton%202.webp) We're working on adding themes besides light and dark currntly, such as the spooky theme. Changing to these themes is easy as well! Start out by clicking your username on the aforementioned sidebar, then click on Account: - ![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/account3.webp + ![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/account%203.webp) Scroll down until you get to the Preferences section, and use the dropdown menu to change your theme: -![](/images/programming-ide/configuring-the-ide/switch-between-dark-mode-and-light-mode/spooky4.webp +![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/spooky%204.webp) There ya have it, easy theme changing on Replit! From f9a7bf2d33842b6bb7c4eb73e0c48d1305e9ffe1 Mon Sep 17 00:00:00 2001 From: DanielleM27 <65420682+DanielleM27@users.noreply.github.com> Date: Tue, 26 Apr 2022 15:17:24 +0200 Subject: [PATCH 3/3] Update switch-between-dark-mode-and-light-mode.md --- .../switch-between-dark-mode-and-light-mode.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md b/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md index 5d00e07f..3b5cb193 100644 --- a/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md +++ b/programming-ide/Configuring the IDE/switch-between-dark-mode-and-light-mode.md @@ -5,18 +5,18 @@ We recently changed how you change themes on Replit, and since people have been asking, we'll show you how it's done in this short blogpost. Start off by clicking on the hamburger button in the top right corner to open up the sidebar: -![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/hamburger.webp) +![](/images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/hamburger.webp) Next, simply click on the moon or sun at the bottom of the menu to switch between light and dark theme: -![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/lebutton%202.webp) +![](/images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/lebutton%202.webp) We're working on adding themes besides light and dark currntly, such as the spooky theme. Changing to these themes is easy as well! Start out by clicking your username on the aforementioned sidebar, then click on Account: - ![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/account%203.webp) + ![](/images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/account%203.webp) Scroll down until you get to the Preferences section, and use the dropdown menu to change your theme: -![](images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/spooky%204.webp) +![](/images/programming-ide/debugging/switch-between-dark-mode-and-light-mode/spooky%204.webp) There ya have it, easy theme changing on Replit!