<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Thiago Braga</title>
    <description>The latest articles on DEV Community by Thiago Braga (@thiagobraga).</description>
    <link>https://dev.to/thiagobraga</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F64216%2Fd763dad8-57bf-4eef-8b18-362672dad95d.jpg</url>
      <title>DEV Community: Thiago Braga</title>
      <link>https://dev.to/thiagobraga</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/thiagobraga"/>
    <language>en</language>
    <item>
      <title>Ubuntu 21.10 installation with a bunch of programs</title>
      <dc:creator>Thiago Braga</dc:creator>
      <pubDate>Fri, 22 Apr 2022 22:40:13 +0000</pubDate>
      <link>https://dev.to/thiagobraga/ubuntu-2110-installation-with-a-bunch-of-programs-34nl</link>
      <guid>https://dev.to/thiagobraga/ubuntu-2110-installation-with-a-bunch-of-programs-34nl</guid>
      <description>&lt;p&gt;Hi, guys. How are you?&lt;/p&gt;

&lt;p&gt;In this post I'll share the script I've been writing down during my most recent installation of Ubuntu 21.10, so I can reuse it on another computer.&lt;/p&gt;

&lt;p&gt;It's divided into the following sections:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Initial tasks&lt;/li&gt;
&lt;li&gt;Install essential software&lt;/li&gt;
&lt;li&gt;Tasks to do after install&lt;/li&gt;
&lt;li&gt;Development&lt;/li&gt;
&lt;li&gt;Browsers&lt;/li&gt;
&lt;li&gt;Other softwares&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note&lt;/strong&gt;: This script is constantly changing. Follow the &lt;a href="https://gist.github.com/thiagobraga/7332f71ac029c2babbee5cce20594ffb"&gt;Ubuntu 21.10 Installation&lt;/a&gt; gist for the most current version, in case the text below is out of date.&lt;/p&gt;
&lt;/blockquote&gt;



&lt;h2&gt;
  
  
  Initial tasks
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Use &lt;code&gt;sudo&lt;/code&gt; without password
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# TODO: Check if entry already exists in sudoers file&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# It'll ask for password only once&lt;/span&gt;
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s2"&gt;"&lt;/span&gt;&lt;span class="k"&gt;${&lt;/span&gt;&lt;span class="nv"&gt;USER&lt;/span&gt;&lt;span class="k"&gt;}&lt;/span&gt;&lt;span class="s2"&gt; ALL=(ALL:ALL) NOPASSWD:ALL"&lt;/span&gt; | &lt;span class="nb"&gt;sudo tee&lt;/span&gt; &lt;span class="nt"&gt;-a&lt;/span&gt; /etc/sudoers
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Update installed programs
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt upgrade &lt;span class="nt"&gt;-yV&lt;/span&gt;
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt autoremove &lt;span class="nt"&gt;-yV&lt;/span&gt;
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt autoclean
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Make Ubuntu use local time for hardware clock
&lt;/h3&gt;

&lt;p&gt;It avoids conflicts with Windows clock in dual-boot setups.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;timedatectl set-local-rtc 1
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h2&gt;
  
  
  Install essential software
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  apt-transport-https &lt;span class="se"&gt;\&lt;/span&gt;
  bash &lt;span class="se"&gt;\&lt;/span&gt;
  bat &lt;span class="se"&gt;\&lt;/span&gt;
  chrome-gnome-shell &lt;span class="se"&gt;\&lt;/span&gt;
  clang &lt;span class="se"&gt;\&lt;/span&gt;
  cmake &lt;span class="se"&gt;\&lt;/span&gt;
  curl &lt;span class="se"&gt;\&lt;/span&gt;
  dconf-editor &lt;span class="se"&gt;\&lt;/span&gt;
  dosfstools &lt;span class="se"&gt;\&lt;/span&gt;
  findutils &lt;span class="se"&gt;\&lt;/span&gt;
  gawk &lt;span class="se"&gt;\&lt;/span&gt;
  git &lt;span class="se"&gt;\&lt;/span&gt;
  gnome-shell-extension-prefs &lt;span class="se"&gt;\&lt;/span&gt;
  gnome-tweaks &lt;span class="se"&gt;\&lt;/span&gt;
  gpick &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  grub-common &lt;span class="se"&gt;\&lt;/span&gt;
  grub-pc-bin &lt;span class="se"&gt;\&lt;/span&gt;
  htop &lt;span class="se"&gt;\&lt;/span&gt;
  jq &lt;span class="se"&gt;\&lt;/span&gt;
  libcurl4-openssl-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libffi-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libpython3-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libreadline-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libssl-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libtool-bin &lt;span class="se"&gt;\&lt;/span&gt;
  libwim15 &lt;span class="se"&gt;\&lt;/span&gt;
  libwxbase3.0-0v5 &lt;span class="se"&gt;\&lt;/span&gt;
  libwxgtk3.0-gtk3-0v5 &lt;span class="se"&gt;\&lt;/span&gt;
  libxslt1-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libxt-dev &lt;span class="se"&gt;\&lt;/span&gt;
  libyaml-dev &lt;span class="se"&gt;\&lt;/span&gt;
  make &lt;span class="se"&gt;\&lt;/span&gt;
  ntfs-3g &lt;span class="se"&gt;\&lt;/span&gt;
  p7zip &lt;span class="se"&gt;\&lt;/span&gt;
  p7zip-full &lt;span class="se"&gt;\&lt;/span&gt;
  parted &lt;span class="se"&gt;\&lt;/span&gt;
  python3-wxgtk4.0 &lt;span class="se"&gt;\&lt;/span&gt;
  qt5ct &lt;span class="se"&gt;\&lt;/span&gt;
  samba &lt;span class="se"&gt;\&lt;/span&gt;
  tmux &lt;span class="se"&gt;\&lt;/span&gt;
  ubuntu-restricted-extras &lt;span class="se"&gt;\&lt;/span&gt;
  unrar &lt;span class="se"&gt;\&lt;/span&gt;
  util-linux &lt;span class="se"&gt;\&lt;/span&gt;
  vim &lt;span class="se"&gt;\&lt;/span&gt;
  wget &lt;span class="se"&gt;\&lt;/span&gt;
  wimtools &lt;span class="se"&gt;\&lt;/span&gt;
  xclip &lt;span class="se"&gt;\&lt;/span&gt;
  zlib1g-dev &lt;span class="se"&gt;\&lt;/span&gt;
  zsh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h2&gt;
  
  
  Tasks to do after install
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Make &lt;code&gt;zsh&lt;/code&gt; default shell to user and root
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;chsh &lt;span class="nt"&gt;-s&lt;/span&gt; &lt;span class="si"&gt;$(&lt;/span&gt;which zsh&lt;span class="si"&gt;)&lt;/span&gt; &lt;span class="k"&gt;${&lt;/span&gt;&lt;span class="nv"&gt;USER&lt;/span&gt;&lt;span class="k"&gt;}&lt;/span&gt;
&lt;span class="nb"&gt;sudo &lt;/span&gt;chsh &lt;span class="nt"&gt;-s&lt;/span&gt; &lt;span class="si"&gt;$(&lt;/span&gt;which zsh&lt;span class="si"&gt;)&lt;/span&gt; root
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Add samba user
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;smbpasswd &lt;span class="nt"&gt;-a&lt;/span&gt; &lt;span class="k"&gt;${&lt;/span&gt;&lt;span class="nv"&gt;USER&lt;/span&gt;&lt;span class="k"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h2&gt;
  
  
  Development
&lt;/h2&gt;



&lt;h3&gt;
  
  
  PHP
&lt;/h3&gt;

&lt;h4&gt;
  
  
  PHP 7.4
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;add-apt-repository &lt;span class="nt"&gt;-y&lt;/span&gt; ppa:ondrej/php
&lt;span class="nb"&gt;sudo sed&lt;/span&gt; &lt;span class="nt"&gt;-i&lt;/span&gt; &lt;span class="s1"&gt;'s/impish/focal/'&lt;/span&gt; /etc/apt/sources.list.d/ondrej-ubuntu-php-impish.list
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; php7.4-&lt;span class="o"&gt;{&lt;/span&gt;cli,curl,fpm,mcrypt,xdebug,xml,zip&lt;span class="o"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Composer
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;php &lt;span class="nt"&gt;-r&lt;/span&gt; &lt;span class="s2"&gt;"copy('https://getcomposer.org/installer', 'composer-setup.php');"&lt;/span&gt;
php composer-setup.php
php &lt;span class="nt"&gt;-r&lt;/span&gt; &lt;span class="s2"&gt;"unlink('composer-setup.php');"&lt;/span&gt;
&lt;span class="nb"&gt;sudo mv &lt;/span&gt;composer.phar /usr/local/bin/composer                            
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  PHP CodeSniffer (phpcs)
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;composer global require squizlabs/php_codesniffer&lt;span class="o"&gt;=&lt;/span&gt;3.6.0
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h3&gt;
  
  
  Python
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Python 3
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; python-is-python3 python3-pip
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h3&gt;
  
  
  Ruby
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Ruby 2.7.1
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; rbenv ruby-build
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s1"&gt;'eval "$(rbenv init -)"'&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&amp;gt;&lt;/span&gt; ~/.zshrc
&lt;span class="nb"&gt;source&lt;/span&gt; ~/.zshrc
rbenv &lt;span class="nb"&gt;install &lt;/span&gt;2.7.1
rbenv global 2.7.1
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Gollum (Gitlab Wiki)
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;gem &lt;span class="nb"&gt;install &lt;/span&gt;gollum
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h3&gt;
  
  
  IDE
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Sublime Text
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;wget &lt;span class="nt"&gt;-qO&lt;/span&gt; - https://download.sublimetext.com/sublimehq-pub.gpg | &lt;span class="nb"&gt;sudo &lt;/span&gt;apt-key add -
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s2"&gt;"deb https://download.sublimetext.com/ apt/stable/"&lt;/span&gt; | &lt;span class="nb"&gt;sudo tee&lt;/span&gt; /etc/apt/sources.list.d/sublime-text.list
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; sublime-text
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  VS Code
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install &lt;/span&gt;wget gpg
wget &lt;span class="nt"&gt;-qO-&lt;/span&gt; https://packages.microsoft.com/keys/microsoft.asc | gpg &lt;span class="nt"&gt;--dearmor&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; packages.microsoft.gpg
&lt;span class="nb"&gt;sudo install&lt;/span&gt; &lt;span class="nt"&gt;-o&lt;/span&gt; root &lt;span class="nt"&gt;-g&lt;/span&gt; root &lt;span class="nt"&gt;-m&lt;/span&gt; 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/
&lt;span class="nb"&gt;sudo &lt;/span&gt;sh &lt;span class="nt"&gt;-c&lt;/span&gt; &lt;span class="s1"&gt;'echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/trusted.gpg.d/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" &amp;gt; /etc/apt/sources.list.d/vscode.list'&lt;/span&gt;
&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; packages.microsoft.gpg
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h3&gt;
  
  
  DBMS
&lt;/h3&gt;

&lt;h4&gt;
  
  
  DBeaver
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;add-apt-repository &lt;span class="nt"&gt;-y&lt;/span&gt; ppa:serge-rider/dbeaver-ce
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; dbeaver-ce
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  MySQL Workbench
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; mysql-workbench
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h3&gt;
  
  
  DevOps tools
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Docker
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-fsSL&lt;/span&gt; https://get.docker.com &lt;span class="nt"&gt;-o&lt;/span&gt; get-docker.sh
&lt;span class="nb"&gt;sudo &lt;/span&gt;sh get-docker.sh
&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; get-docker.sh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Docker Compose
&lt;/h4&gt;

&lt;blockquote&gt;
&lt;p&gt;I'm still using v1.29.2 because of incompatibilities with BuildKit in some projects I work.&lt;br&gt;
&lt;/p&gt;
&lt;/blockquote&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;curl &lt;span class="nt"&gt;-L&lt;/span&gt; &lt;span class="s2"&gt;"https://github.com/docker/compose/releases/download/1.29.2/docker-compose-&lt;/span&gt;&lt;span class="si"&gt;$(&lt;/span&gt;&lt;span class="nb"&gt;uname&lt;/span&gt; &lt;span class="nt"&gt;-s&lt;/span&gt;&lt;span class="si"&gt;)&lt;/span&gt;&lt;span class="s2"&gt;-&lt;/span&gt;&lt;span class="si"&gt;$(&lt;/span&gt;&lt;span class="nb"&gt;uname&lt;/span&gt; &lt;span class="nt"&gt;-m&lt;/span&gt;&lt;span class="si"&gt;)&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; &lt;span class="nt"&gt;-o&lt;/span&gt; /usr/local/bin/docker-compose
&lt;span class="nb"&gt;sudo chmod&lt;/span&gt; +x /usr/local/bin/docker-compose
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Ansible
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; ansible
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Terraform
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; terraform
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Kool
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-fsSL&lt;/span&gt; https://kool.dev/install | &lt;span class="nv"&gt;BIN_PATH&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;~/.local/bin/kool bash
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Heroku
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl https://cli-assets.heroku.com/install-ubuntu.sh | sh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Minikube
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-LO&lt;/span&gt; https://storage.googleapis.com/minikube/releases/latest/minikube-linux-amd64
&lt;span class="nb"&gt;sudo install &lt;/span&gt;minikube-linux-amd64 /usr/local/bin/minikube
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h3&gt;
  
  
  RestAPIs
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Postman
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-Lo&lt;/span&gt; postman-linux-x64.tar.gz https://dl.pstmn.io/download/latest/linux64
&lt;span class="nb"&gt;tar &lt;/span&gt;zxvf postman-linux-x64.tar.gz
&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; postman-linux-x64.tar.gz
&lt;span class="nb"&gt;sudo mv &lt;/span&gt;Postman /opt
&lt;span class="nb"&gt;sudo ln&lt;/span&gt; &lt;span class="nt"&gt;-sf&lt;/span&gt; /opt/Postman/Postman /usr/local/bin/postman
&lt;span class="nb"&gt;sudo ln&lt;/span&gt; &lt;span class="nt"&gt;-sf&lt;/span&gt; /opt/Postman/Postman /usr/bin/postman
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h2&gt;
  
  
  Browsers
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Brave
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;curl &lt;span class="nt"&gt;-fsSLo&lt;/span&gt; /usr/share/keyrings/brave-browser-archive-keyring.gpg https://brave-browser-apt-release.s3.brave.com/brave-browser-archive-keyring.gpg
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s2"&gt;"deb [signed-by=/usr/share/keyrings/brave-browser-archive-keyring.gpg arch=amd64] https://brave-browser-apt-release.s3.brave.com/ stable main"&lt;/span&gt; | &lt;span class="nb"&gt;sudo tee&lt;/span&gt; /etc/apt/sources.list.d/brave.list
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; brave-browser
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Chrome
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; ./google-chrome-stable_current_amd64.deb
&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; google-chrome-stable_current_amd64.deb
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Firefox
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;snap remove firefox &lt;span class="nt"&gt;--purge&lt;/span&gt;
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; firefox
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Microsoft Edge Dev
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl https://packages.microsoft.com/keys/microsoft.asc | gpg &lt;span class="nt"&gt;--dearmor&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; microsoft.gpg
&lt;span class="nb"&gt;sudo install&lt;/span&gt; &lt;span class="nt"&gt;-o&lt;/span&gt; root &lt;span class="nt"&gt;-g&lt;/span&gt; root &lt;span class="nt"&gt;-m&lt;/span&gt; 644 microsoft.gpg /usr/share/keyrings/
&lt;span class="nb"&gt;sudo &lt;/span&gt;sh &lt;span class="nt"&gt;-c&lt;/span&gt; &lt;span class="s1"&gt;'echo "deb [arch=amd64 signed-by=/usr/share/keyrings/microsoft.gpg] https://packages.microsoft.com/repos/edge stable main" &amp;gt; /etc/apt/sources.list.d/microsoft-edge-dev.list'&lt;/span&gt;
&lt;span class="nb"&gt;sudo rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; microsoft.gpg
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; microsoft-edge-dev
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;h2&gt;
  
  
  Other softwares
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Balena Etcher
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-1sLf&lt;/span&gt; &lt;span class="s1"&gt;'https://dl.cloudsmith.io/public/balena/etcher/setup.deb.sh'&lt;/span&gt; | &lt;span class="nb"&gt;sudo&lt;/span&gt; &lt;span class="nt"&gt;-E&lt;/span&gt; bash
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; balena-etcher-electron
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Clementine
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; clementine
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Flatpak
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  gnome-software &lt;span class="se"&gt;\&lt;/span&gt;
  gnome-software-plugin-flatpak &lt;span class="se"&gt;\&lt;/span&gt;
  flatpak
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Gparted
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; gparted
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Grub Customizer
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; grub-customizer
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Nemo
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; nemo
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Numlockx
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; numlockx
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Peek
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;add-apt-repository &lt;span class="nt"&gt;-y&lt;/span&gt; ppa:peek-developers/stable
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; peek
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  qBitTorrent
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;add-apt-repository &lt;span class="nt"&gt;-y&lt;/span&gt; ppa:qbittorrent-team/qbittorrent-stable
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; qbittorrent
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Remmina
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt-add-repository &lt;span class="nt"&gt;-y&lt;/span&gt; ppa:remmina-ppa-team/remmina-next
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; remmina remmina-plugin-rdp remmina-plugin-secret
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  SmartGit
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# TODO: It is incomplete. Sorry :)&lt;/span&gt;
&lt;span class="nb"&gt;tar &lt;/span&gt;xzf &amp;lt;smartgit&lt;span class="k"&gt;*&lt;/span&gt;.tar.gz&amp;gt;
bin/add-menuitem.sh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Spotify
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-sS&lt;/span&gt; https://download.spotify.com/debian/pubkey_5E3C45D7B312C643.gpg | &lt;span class="nb"&gt;sudo &lt;/span&gt;apt-key add - 
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s2"&gt;"deb http://repository.spotify.com stable non-free"&lt;/span&gt; | &lt;span class="nb"&gt;sudo tee&lt;/span&gt; /etc/apt/sources.list.d/spotify.list
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt update &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; spotify-client
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Steam
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-0L&lt;/span&gt; https://cdn.cloudflare.steamstatic.com/client/installer/steam.deb &lt;span class="nt"&gt;-o&lt;/span&gt; ~/Downloads/steam.deb
&lt;span class="nb"&gt;sudo &lt;/span&gt;dpkg &lt;span class="nt"&gt;-i&lt;/span&gt; ~/Downloads/steam.deb
&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; ~/Downloads/steam.deb
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Terminator
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; terminator
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  TestDisk
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; testdisk
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Tux Guitar
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; tuxguitar &lt;span class="se"&gt;\&lt;/span&gt;
  tuxguitar-jsa &lt;span class="se"&gt;\&lt;/span&gt;
  fluid-soundfont-gm &lt;span class="se"&gt;\&lt;/span&gt;
  fluid-soundfont-gs &lt;span class="se"&gt;\&lt;/span&gt;
  fluidsynth &lt;span class="se"&gt;\&lt;/span&gt;
  timidity
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Typora
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;wget &lt;span class="nt"&gt;-qO&lt;/span&gt; - https://typora.io/linux/public-key.asc | &lt;span class="nb"&gt;sudo &lt;/span&gt;apt-key add -
&lt;span class="nb"&gt;sudo &lt;/span&gt;add-apt-repository &lt;span class="nt"&gt;-y&lt;/span&gt; &lt;span class="s1"&gt;'deb https://typora.io/linux ./'&lt;/span&gt;
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; typora
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  WoeUSB
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;add-apt-repository &lt;span class="nt"&gt;-y&lt;/span&gt; ppa:tomtomtom/woeusb
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; woeusb-frontend-wxgtk
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Zoom
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;wget https://zoom.us/client/latest/zoom_amd64.deb &lt;span class="nt"&gt;-O&lt;/span&gt; zoom.deb
&lt;span class="nb"&gt;sudo &lt;/span&gt;apt &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-y&lt;/span&gt; ./zoom.deb
&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; zoom.deb
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>ubuntu</category>
      <category>linux</category>
      <category>tutorial</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Wide section for Notion</title>
      <dc:creator>Thiago Braga</dc:creator>
      <pubDate>Mon, 09 Aug 2021 23:50:52 +0000</pubDate>
      <link>https://dev.to/thiagobraga/wide-section-for-notion-53p5</link>
      <guid>https://dev.to/thiagobraga/wide-section-for-notion-53p5</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;💾 &lt;strong&gt;TL;DR&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://grupotesseract.notion.site/Wide-Section-Template-0ce5703481b7465089ee8da0724a5fbc" rel="noopener noreferrer"&gt;Duplicate the template &lt;strong&gt;here&lt;/strong&gt;&lt;/a&gt; &lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;Hi, guys. How are you? A long time since my &lt;a href="https://dev.to/thiagobraga/dark-theme-for-almost-everything-1ace"&gt;&lt;strong&gt;last post&lt;/strong&gt;&lt;/a&gt;. I hope everyone is well and healthy.&lt;/p&gt;

&lt;p&gt;Last Saturday, I had an idea for my company's Notion. This idea made it easier to separate the categories into a larger section. And on top of that, I wanted to come up with a result that was responsive and that worked on both themes. The only downside is that each title and paragraph on the left side is made with images. 🥲&lt;/p&gt;

&lt;p&gt;I would like to share some screenshots I took. I hope you all like it 🥰 (click image to enlarge and open in another window).&lt;/p&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jvibdijapt8ibeub63d2.png" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjvibdijapt8ibeub63d2.png" alt="Notion of Tesseract company in dark mode and wide sections" width="800" height="1301"&gt;&lt;br&gt;Dark theme on 1920px wide monitor
    &lt;br&gt;
  &lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/67mxb3on48j6rrzm0h45.png" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F67mxb3on48j6rrzm0h45.png" alt="Notion of Tesseract company in light mode and wide sections" width="800" height="1301"&gt;&lt;br&gt;Light theme on 1920px wide monitor
    &lt;br&gt;
  &lt;br&gt;
&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8dk8dpfxccjvxxgy58rx.png" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8dk8dpfxccjvxxgy58rx.png" alt="Notion of Tesseract company in dark mode and laptop wide sections" width="800" height="1720"&gt;&lt;br&gt;Dark theme on 1366px laptop monitor
    &lt;br&gt;
  &lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vepipm556tyxqne8xc3.png" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6vepipm556tyxqne8xc3.png" alt="Notion of Tesseract company in light mode and laptop wide sections" width="800" height="1720"&gt;&lt;br&gt;Light theme on 1366px laptop monitor
    &lt;br&gt;
  &lt;br&gt;
&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yusy1jjbhmvgn7cn7gxz.png" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyusy1jjbhmvgn7cn7gxz.png" alt="Notion of Tesseract company in dark mode on mobile" width="402" height="4096"&gt;&lt;br&gt;Dark theme on mobile screen
    &lt;br&gt;
  &lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/80x5foon7sw5zlbg0hb5.png" rel="noopener noreferrer"&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F80x5foon7sw5zlbg0hb5.png" alt="Notion of Tesseract company in light mode on mobile" width="402" height="4096"&gt;&lt;br&gt;Light theme on mobile screen
    &lt;br&gt;
  &lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

</description>
      <category>notion</category>
      <category>tesseract</category>
      <category>template</category>
      <category>dark</category>
    </item>
    <item>
      <title>Dark theme for (almost) everything</title>
      <dc:creator>Thiago Braga</dc:creator>
      <pubDate>Fri, 06 Sep 2019 20:08:50 +0000</pubDate>
      <link>https://dev.to/thiagobraga/dark-theme-for-almost-everything-1ace</link>
      <guid>https://dev.to/thiagobraga/dark-theme-for-almost-everything-1ace</guid>
      <description>&lt;p&gt;Hi, people. This is my first post on Dev.to and I'm very happy for it. I've been postponing this task for a long time, perhaps because of perfectionism or shyness (or both). 😅&lt;/p&gt;

&lt;p&gt;In the last four years, I've fallen in love with using and creating dark themes for the apps I use with the help of the &lt;a href="https://add0n.com/stylus.html" rel="noopener noreferrer"&gt;Stylus&lt;/a&gt; Chrome extension, and now I want to share and spread the word. Come to the dark side! 😎&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fjrtpxdd2y2neo7hu73np.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fjrtpxdd2y2neo7hu73np.png" alt="Google Calendar Dark Theme - v0.0.10 - Week view in foreground"&gt;&lt;/a&gt;&lt;br&gt;Google Calendar Dark Theme - v0.0.10 - Week view in foreground
  &lt;/p&gt;

&lt;p&gt;In this saga, I realized that it was complicated to develop themes for websites by editing straight into the extension interface. It didn't have the same shortcuts that I was used to in &lt;a href="https://code.visualstudio.com/" rel="noopener noreferrer"&gt;VS Code&lt;/a&gt;, among other limitations. At that time I used the Stylebot extension instead of Stylus.&lt;/p&gt;

&lt;p&gt;So I started looking for a way to edit the styles locally and inject the changes into the site somehow, like &lt;a href="https://browsersync.io/" rel="noopener noreferrer"&gt;BrowserSync&lt;/a&gt; for example. BrowserSync was my first attempt, but I couldn't go very far, I ran into many difficulties, such as running a server to just serve a CSS file and inject it into the browser.&lt;/p&gt;

&lt;p&gt;After a long time, I found this wonderful boilerplate from &lt;a href="https://github.com/simsrw73" rel="noopener noreferrer"&gt;Randy W. Sims&lt;/a&gt; (if you are reading this, thank you very much!!!). I was very happy, very grateful, and started developing my own themes. And after some time, I've made &lt;a href="https://github.com/thiagobraga/boilerplate-userstyles" rel="noopener noreferrer"&gt;modifications on the boilerplate&lt;/a&gt; to achieve my needs, like code in &lt;a href="http://stylus-lang.com" rel="noopener noreferrer"&gt;Stylus lang&lt;/a&gt; and run tasks with &lt;a href="https://dev.to/deciduously/how-to-make-a-makefile-1dep"&gt;Make&lt;/a&gt;. This has always served as a therapy, made me happy, and benefited my eyesight and concentration.&lt;/p&gt;

&lt;p&gt;You can check my themes on &lt;a href="https://github.com/thiagobraga" rel="noopener noreferrer"&gt;my Github&lt;/a&gt; with the suffix &lt;code&gt;-userstyles&lt;/code&gt;. These dark themes are in constant development. Others not so much...&lt;/p&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/thiagobraga" rel="noopener noreferrer"&gt;
        thiagobraga
      &lt;/a&gt; / &lt;a href="https://github.com/thiagobraga/google-calendar-userstyles" rel="noopener noreferrer"&gt;
        google-calendar-userstyles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      🗓 One Dark theme for Google Calendar
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;
  &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2F5n9DG6z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2F5n9DG6z.png"&gt;&lt;/a&gt;
&lt;/p&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/thiagobraga" rel="noopener noreferrer"&gt;
        thiagobraga
      &lt;/a&gt; / &lt;a href="https://github.com/thiagobraga/gmail-userstyles" rel="noopener noreferrer"&gt;
        gmail-userstyles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      📬 Gmail One Dark theme
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;&lt;em&gt;Note: For this theme to work, you need to change Gmail theme to the dark theme.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;
  &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FVcGDev3.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FVcGDev3.jpg"&gt;&lt;/a&gt;
&lt;/p&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/thiagobraga" rel="noopener noreferrer"&gt;
        thiagobraga
      &lt;/a&gt; / &lt;a href="https://github.com/thiagobraga/todoist-userstyles" rel="noopener noreferrer"&gt;
        todoist-userstyles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      ✔ Improvements for Todoist
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;&lt;em&gt;Note: &lt;a href="http://todoist.com" rel="noopener noreferrer"&gt;Todoist&lt;/a&gt; has its native dark theme. My theme only improve some things.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;
  &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fthiagobraga%2Ftodoist-userstyles%2Fraw%2Fmaster%2Fscreenshots%2Fpreview-dark.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fthiagobraga%2Ftodoist-userstyles%2Fraw%2Fmaster%2Fscreenshots%2Fpreview-dark.png"&gt;&lt;/a&gt;
&lt;/p&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/thiagobraga" rel="noopener noreferrer"&gt;
        thiagobraga
      &lt;/a&gt; / &lt;a href="https://github.com/thiagobraga/hackmd-userstyles" rel="noopener noreferrer"&gt;
        hackmd-userstyles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      🖌 Dark HackMD w/ Realtime Preview
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;
  &lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuserstyles.org%2Fstyle_screenshots%2F145795_after.jpeg%3Fr%3D1528490407" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fuserstyles.org%2Fstyle_screenshots%2F145795_after.jpeg%3Fr%3D1528490407" alt="Dark HackMD w/ Realtime Preview"&gt;&lt;/a&gt;
&lt;/p&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/thiagobraga" rel="noopener noreferrer"&gt;
        thiagobraga
      &lt;/a&gt; / &lt;a href="https://github.com/thiagobraga/lastpass-userstyles" rel="noopener noreferrer"&gt;
        lastpass-userstyles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      🖌 A blue dark theme for LastPass password manager
    &lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;





&lt;p&gt;I hope it is useful for those who like dark themes. Glad to be able to contribute in some way to the open source community.&lt;/p&gt;

&lt;p&gt;Thanks 😊&lt;/p&gt;

</description>
      <category>css</category>
      <category>dark</category>
      <category>themes</category>
      <category>stylus</category>
    </item>
  </channel>
</rss>
