DEV Community: Sebastián Farías

How to change the terminal style in VSCode in an easy way

Sebastián Farías — Tue, 13 Aug 2019 02:00:45 +0000

I just required to change the look for the integrated terminal, and I just figured out how easy is this.

So…. here you have a happy walk around to do it 🙂

Go to the settings (In VSCode obviously)
- On Windows/Linux - File > Preferences > Settings
- On macOS - Code > Preferences > Settings
  - Shortcut (⌘,)
  - Search (⇧⌘P) → “Preferences: Open Settings”
Search for "workbench: color customizations" and open the settings.json file
Edit or Paste your configuration under workbench.colorCustomizations
1. https://code.visualstudio.com/api/references/theme-color ```json
"workbench.colorCustomizations": {
"terminal.background":"#1D2021",
"terminal.foreground":"#A89984",
"terminalCursor.background":"#A89984",
"terminalCursor.foreground":"#A89984",
"terminal.ansiBlack":"#1D2021",
"terminal.ansiBlue":"#0D6678",
"terminal.ansiBrightBlack":"#665C54",
"terminal.ansiBrightBlue":"#0D6678",
"terminal.ansiBrightCyan":"#8BA59B",
"terminal.ansiBrightGreen":"#95C085",
"terminal.ansiBrightMagenta":"#8F4673",
"terminal.ansiBrightRed":"#FB543F",
"terminal.ansiBrightWhite":"#FDF4C1",
"terminal.ansiBrightYellow":"#FAC03B",
"terminal.ansiCyan":"#8BA59B",
"terminal.ansiGreen":"#95C085",
"terminal.ansiMagenta":"#8F4673",
"terminal.ansiRed":"#FB543F",
"terminal.ansiWhite":"#A89984",
"terminal.ansiYellow":"#FAC03B"
}


After that little change, you can check your integrated terminal in VS Code
![Integrated Terminal VSCode](https://paper-attachments.dropbox.com/s_BB4D438C0BD300F9046363852C7E5AEEFC644AC076498F4495212D2CD4CFEFF9_1565661101879_Ex.png)




You can find several predefined templates here:
https://glitchbone.github.io/vscode-base16-term/#/



>https://code.visualstudio.com/docs/getstarted/settings
>
>https://code.visualstudio.com/api/references/theme-color
>
>https://glitchbone.github.io/vscode-base16-term/#/

How to create adaptive icons for Android using Android Studio

Sebastián Farías — Wed, 19 Sep 2018 12:41:44 +0000

I have found myself with an issue on my android applications not been able to use adaptive icons, resulting in ugly app icons and strange shapes in different launchers, so... the solution was create adaptive icons and works perfectly. 🙂

On API's > 26 android implements adaptive icons, is possible that this causes issues on app icon in existing applications, just like the following example.

Example: Old app icons

To avoid this is necessary to create an adaptive icon. To do so, you need the following assets:

Image icon without background, example below (foreground)
Color background

Foreground icon image

With this elements you need to follow these steps to generate the icon with the Image Asset Studio.

Open the project in Android Studio
Select the app folder
Go to File → New → Image Asset
On "Foreground Layer" select the provided image and resize in order to get the proper aspect for the icon
On “Background Layer" use the background provided
Click on Next button and then Finish
After that, the icons are created on the "mipmap-* * * *" folder

Foreground layer configuration

Background layer configuarion

Last screen and creation of assets

You need to add the new rounded icons to the respective roundIcon option on the AndroidManifest.xml

    <application
        ...
        android:icon="@mipmap/ic_launcher"
        android:roundIcon="@mipmap/ic_launcher_round"
        ...>
    </application>

After apply the changes. The app icon will look according to the the guidelines of android for adaptive icons.

Example: Android 9, API 28 stock launcher

Example: Android 7.0, API 24, Smart Launcher

All the info was obtained from the official android information
https://developer.android.com/
https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive
https://developer.android.com/studio/write/image-asset-studio#create-adaptive

🙂

Hi, I'm Sebastián Farí as

Sebastián Farías — Thu, 29 Jun 2017 21:19:35 +0000

I have been coding for [7] years.

You can find me on Twitter as @_s_farias

I live in [Santiago].

I work for [secret]

I mostly program in these languages: [php, java].

I am currently learning more about [@_@].

Nice to meet you.