قالب وردپرس درنا توس
Home / Tips and Tricks / How to Change Slack Sidebar Design on Your iPhone or Android Phone for Custom Colors «Smartphones :: Gadget Hacks

How to Change Slack Sidebar Design on Your iPhone or Android Phone for Custom Colors «Smartphones :: Gadget Hacks



For some reason, the Slack app on Android and iOS is slightly less customizable than Slack on other platforms. So you can not set the sidebar design directly in the app to different colors. However, that does not mean that you can not customize the look of your mobile app. It's just a little less practical.

The mobile app, the desktop app, the mobile browser version, and the version of Slack's desktop browser are all connected. While some things can be customized for each version, e.g. For example, if you can receive notifications or not, other things, like the sidebar color scheme, are the same for all versions.

You can probably see where I'm going with this. Because the Slack app does not set iPhone or Android phones to customize the sidebar theme, you'll need to adjust it elsewhere. These customizations apply to the mobile apps and the place where you want to customize them.

I'll show how to do this from a mobile desktop website (the regular mobile site does not work), but the process is the same when done in a real desktop browser, MacOS App, Windows App or linux app.

Step 1
: Log in to the Slack website in a browser.

Visit slack.com/signin in the mobile browser of your choice and then log in as you would normally switch to your workspace and account. If you have set up 2FA, you will also need to use an authentication code to confirm. You can also sign in to one of the desktop apps or the website on your computer – it does not matter – the process described below will be the same.

  https://slack.com/signin 

Step 2: Request a Desktop Site

As you can see, I request the desktop site before you actually log in, and that's fine. It does not matter if you do this before or after signing up, just that you do it before continuing. The process of requesting the desktop page depends on your browser and operating system version. Below are some examples of popular browsers. Other browsers will probably be very similar.

Step 3: Open the sidebar Preferences

Tap on your name and workspace in the top left corner of the sidebar. This will display some options, one of which is "Preferences". Select it, and then select the sidebar settings on the next page.

Step 4: Select a Slack Theme

Slack contains seven original topics as well as two accessible topics for users with Protanopia and Deuteranopia (both for Red-Green-Blindness) or Tritanopia (for Blue-Yellow-Blindness) , Among the regular themes are Eggplant, Eggplant Classic, Hoth, Monument, Choco Mint, Ochin and Work Hard.

You can select one of them, and once you do, your sidebar will use them – both on the desktop site and in the Slack mobile app. It's a near-instant update on all platforms.

Step 5: Choose a Custom Design

If one of Slack's standard designs does not cut it, you can also design your own custom theme, with the section below the ready-made options. You may need to select "Customize the theme and distribute to other people" to see the customization options.

Slack uses the standard hexadecimal format for the colors in each section, so you can either type in the six-digit color code or tap the color in each section to open the color picker, just move the selection area and click can set correct color. And since the tool is an overlay, the new HTML5 color-picking keyboard in iOS 12.2 does not work, something that could disappoint those of you with iPhones.

  • Column BG: This is the background of the whole sidebar.
  • BG Hover menu: This is the background of the name / workspace menu. The mobile app displays the background shadow behind workspaces, direct messages, and the thread view.
  • Active Item: This is the background color for each channel, thread, or direct message currently in.
  • Text for active elements: This is the color of the font that is over the background of the active one Elements is displayed item in the sidebar. In the mobile app, the hovering would be tedious, but not actually tapped.
  • Text Color: This is the color of the font that appears throughout the sidebar and exceeds the column background.
  • Active Presence: This is the color of the dots displayed when another user is online.
  • Mention Badge: This is the color of the badge on the right that appears when someone mentions you in a channel, thread, or direct message. The number on the badge is always white, which I can say.

The following shows the mobile app and not the website in the browser, you can see that I played with the background column color and the main text color.

If you're a cool sidebar Designing and sharing it with others, you can copy all the hex color codes into the box under each color picker and paste it anywhere (for example, a direct message) on Slack). Then, the other user just has to complete the above steps to get into the custom design options and paste the color codes into his box. Don & # 39; t Miss: Escape the Constant Pings by Configuring DND & Away Settings for Slack

Cover pictures and screenshots of Justin Meyers / Gadget Hacks

Source link