GithubHelp home page GithubHelp logo

morantz / stealth-ux Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zekekin/stealth-ux

0.0 0.0 0.0 9.19 MB

Dark mode for GalliumOS 3.1

JavaScript 0.08% SCSS 16.44% CSS 41.74% Shell 33.34% Python 1.32% QML 7.08%

stealth-ux's Introduction

Stealth-UX

Stealth-UX

Stealth-UX is a dark visual suite that transforms your GalliumOS 3.1 desktop environment. Sources include:

Install

  1. Clone this repo:

     git clone https://github.com/ctklainow/stealth-ux.git ~/stealth-ux/
    
  2. Change into stealth-ux directory:

     cd ~/stealth-ux
    
  3. Run the install script:

     bash install.sh
    

Note: sudo password will be required to complete the installation

Note: a backup of your current ~/.bashrc will be made for you (~/.bashrc.obs_backup)

Configure

After installation is done, let's start changing the desktop settings.

Appearance Settings

  1. Go into the Start Menu or Left-Alt + M

  2. Search and open "Appearance" (Settings > Appearance)

  3. Under the Style Tab, find and select "Dracula"

Icons Settings

  1. In the same window, under the Icons Tab, find and select "Papirus-Dark"

  2. Close the Appearance Settings

  3. Go into the Start Menu, and open the File Manager

  4. Go to EditPreferences.... Click on Side Pane tab. Under Side Pane, look for Icon Size and set to Very Small.

thunar-prefecences

  1. Go into Start Menu and open Settings ManagerPanelItems tab. Select Notification Area item and click on Edit currently selected item button. Under Appearance set the following options:
  • Set Maximum icon size (px) to 24
  • Uncheck Show frame

xfce4-notification-area

Change folder colour:

  1. Open your terminal and install papirus-folders

     wget -qO- https://git.io/papirus-folders-install | sh
    
  2. Run this command to change folders color to white

    papirus-folders -C white --theme Papirus-Dark
    
  3. Close File Manager windows and reopen to see the colour changes

You can replace white with any of these colours:

Name Preview Name Preview
black folder-black user-black-home folder-black-download blue folder-blue user-blue-home folder-blue-download
bluegrey folder-bluegrey user-bluegrey-home folder-bluegrey-download breeze folder-breeze user-breeze-home folder-breeze-download
brown folder-brown user-brown-home folder-brown-download cyan folder-cyan user-cyan-home folder-cyan-download
deeporange folder-deeporange user-deeporange-home folder-deeporange-download green folder-green user-green-home folder-green-download
grey folder-grey user-grey-home folder-grey-download indigo folder-indigo user-indigo-home folder-indigo-download
magenta folder-magenta user-magenta-home folder-magenta-download nordic folder-nordic user-nordic-home folder-nordic-download
orange folder-orange user-orange-home folder-orange-download palebrown folder-palebrown user-palebrown-home folder-palebrown-download
paleorange folder-paleorange user-paleorange-home folder-paleorange-download pink folder-pink user-pink-home folder-pink-download
red folder-red user-red-home folder-red-download teal folder-teal user-teal-home folder-teal-download
violet folder-violet user-violet-home folder-violet-download white folder-white user-white-home folder-white-download
yaru folder-yaru user-yaru-home folder-yaru-download yellow folder-yellow user-yellow-home folder-yellow-download

Windows Manager Settings

Let's continue to changing the style of the window bars:

  1. Go into Start Menu, search for and open "Window Manager" (under "Settings")

  2. Choose between "no-border" or "Dracula" or "dracula-compact".

no-border removes the Title Bar for a sleek look

Dracula offers a flat dark look

Tips for no-border:

  • Alt + Left Click to move windows around
  • Alt + SpaceBar to bring up the menu options for a window
  • Under the Window Manager, click the Keyboard Tab, and set the following shortcut keys:
    • Close Window: Alt + Q
    • Tile window to left: Alt + [
    • Tile window to right: Alt + ]
    • Maximize window: Alt + =
    • Minimize window: Alt + -

Terminal Settings

  1. Open your terminal

  2. Right click > Preferences > Colors Tab

  3. Click "Load Presets..."

  4. Select "Dracula"

  5. Close Preferences

  6. Open and edit ~/.bashrc file

  7. You'll see an environment variable (all caps) in there that looks like:

    OSH_THEME="font"
    
  8. Change the value of OSH_THEME to powerline: OSH_THEME="powerline"

  9. Save and exit .bashrc

  10. Reload .bashrc:

    source ~/.bashrc
    
  11. Close and reopen your terminal to see changes

  12. Right-click your terminal > Preferences

  13. Under Appearance Tab > Uncheck "Use System Font" > and select a Powerline font such as "Source Code Pro for Powerline"

  14. Everything should look good now!

Bonus Settings

Let's complete the entire look with a few more steps:

Chromium

  1. Open Chromium

  2. Go to: chrome://settings/

  3. Find "Themes" under "Appearance" > Click "Use GTK+"

Main Taskbar

  1. Right-click taskbar

  2. Panel > Panel Preferences...

  3. Go to Appearance Tab

  4. Select None under Style:

  5. Reduce Alpha to 0

  6. Go to Items and edit as you please, here's a suggestion:

Panel Preferences

Hide the windows toolbar

  1. Open "File Manager"

  2. Ctrl + M

VIM

  1. Create theme folder:

     mkdir -p ~/.vim/pack/themes/start
    
  2. Change directories:

     cd ~/.vim/pack/themes/start
    
  3. Clone the target repo:

     git clone https://github.com/dracula/vim.git dracula
    
  4. Create config file:

     touch ~/.vimrc
    
  5. Add the following to ~/.vimrc

     packadd! dracula
     syntax enable
     colorscheme dracula
    

VIM Javascript Plugin

Javascript VIM

  1. Run the following command

       git clone https://github.com/pangloss/vim-javascript.git ~/.vim/pack/vim-javascript/start/vim-javascript
    
  2. Close and reopen VIM to see changes

Wallpaper

  1. Right-click desktop > Desktop Settings...

  2. Select stealth_ux_wallpaper.jpg inside ~/stealth_ux

stealth-ux's People

Contributors

zekekin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.