Coder Social home page Coder Social logo

mint-y-colora-theme's Introduction

Mint-Y-Colora Theme

The goal is to make a script that makes it easy to change the colours of the Mint-Y theme of Linux Mint.

We start from the source files at https://github.com/linuxmint/mint-y-theme (Creator Horst3180) and let loose a few scripts to change the colour accent.

More information can be found here. Including many youtube tutorials.

http://erikdubois.be/category/themes/mint-y-based-themes/

Mint-Y-COLORA is capable to have ANY colour YOU like.

Sardi icons uses also the term COLORA to indicate that the icons can be ANY colour. Hope this will be more transparent to the end-user.

Create your own colour accent theme with these scripts.

These scripts can also be run on other systems then Linux Mint. Scroll down to the bottom to see on which distro's.

Each time I run these scripts, I renamed the result for example from

Mint-Y to Mint-Y-Sun
Mint-Dark to Mint-Dark-Sun
Mint-Darker to Mint-Darker-Sun

Sun is just the name of the colour. You can choose any name.

If you run the scripts on the latest version of the github then you will have always the most recent version with the latest bug fixes. That is always the best thing to do.

Just want to download the themes not build them

All created themes can be found at https://github.com/erikdubois/Mint-Y-Colora-Theme-Collection.

Follow the steps on this github.

Installation

##0. Get the source

First install git

sudo apt-get install git

Get the latest version from Horst - Mint-Y Theme, clone the repository with

git clone https://github.com/linuxmint/mint-y-theme

Get the latest version from Mint-Y-Colora, clone the repository with

git clone https://github.com/erikdubois/Mint-Y-Colora-Theme

Copy/paste the scripts inside

Mint-Y-Colora-Theme

to the folder

mint-y-theme

Let us run the scripts.

##1. Change the colour

Use the script to change the colour. Find yourself a nice colour with gpick or online. It should be a hexadecimal notation but without the hashtag or #. Read the script for more info.

1-change-color.sh

##2. Delete old assets or png's

Old png's will have to be deleted. They are still the original green ones. Read the script for more info.

2-delete-assets.sh

##3. Make new assets or png's

This is the most important part. New png's will be created with your colour.

3-make-assets.sh

##4. Renaming

If all went well you will find the result in the directory (you just downloaded) in the folder

usr/share/themes   NOT /usr/share/themes !!

We will run the last script nr 4

- to rename the folders
- to move the folders to ~/.themes
- to change the content of the three index.themes

Follow the instructions in the script.

After the installation is complete you can activate the theme with your theme manager by selecting Mint-Y-Sun, Mint-Y-Darker-Sun or Mint-Y-Dark-Sun as Window/GTK+ theme. If you named the theme "Sun". That is just an example.

What is the inital look of Mint-Y theme

The green colours of Mint-y theme

- 9ab87c
- 8fa876

have been replaced both with a colour in hexadecimal format like a1a1a1 to follow one of the themes of the sardi icons at sourceforge or fit the colour of a wallpaper etc...

https://sourceforge.net/projects/sardi/files

This is the original Mint-Y-Dark theme with all the little green accents.

Screenshots

Screenshots

What Mint-Y variations can you download from the collection github?

https://github.com/erikdubois/Mint-Y-Colora-Theme-Collection

Mint-Y-Colora themes on Linux Mint 18.2

Google+ is far easier to host the images on

https://plus.google.com/collection/UlExqB

This is the Mint-Y-Alu theme.

Mint-Y-Dark-Alu

Screenshots

Mint-Y-Alu

Screenshots

Mint-Y-Darker-Alu

Screenshots

This is the Mint-Y-Arc theme.

Mint-Y-Dark-Arc

Screenshots

Mint-Y-Arc

Screenshots

Mint-Y-Darker-Arc

Screenshots

This is the Mint-Y-Arch theme.

Mint-Y-Dark-Arch

Screenshots

Mint-Y-Arch

Screenshots

Mint-Y-Darker-Arch

Screenshots

This is the Mint-Y-Crimson theme.

Mint-Y-Dark-Crimson

Screenshots

This is the Mint-Y-Evopop theme.

Mint-Y-Dark-Evopop

Screenshots

This is the Mint-Y-Faba theme.

Mint-Y-Dark-Faba

Screenshots

This is the Mint-Y-Fire theme.

Mint-Y-Dark-Fire

Screenshots

Mint-Y-Fire

Screenshots

Mint-Y-Darker-Fire

Screenshots

This is the Mint-Y-Havelock theme.

Mint-Y-Dark-Havelock

Screenshots

This is the Mint-Y-Hibiscus theme.

Mint-Y-Dark-Hibiscus

Screenshots

This is the Mint-Y-Lightning theme.

Mint-Y-Dark-Lightning

Screenshots

Mint-Y-Lightning

Screenshots

Mint-Y-Darker-Lightning

Screenshots

This is the Mint-Y-Moka theme.

Mint-Y-Dark-MOka

Screenshots

This is the Mint-Y-Matrix theme.

Mint-Y-Dark-Matrix

Screenshots

This is the Mint-Y-Oranchelo theme.

Mint-Y-Dark-Oranchelo

Screenshots

This is the Mint-Y-Paper theme.

Mint-Y-Dark-Paper

Screenshots

This is the Mint-Y-Polo theme.

Mint-Y-Dark-Polo

Screenshots

This is the Mint-Y-Sidecar theme.

Started with Sardi Ghost Flexible script to change the colour, then conky aureola and mint-y theme.

Mint-Y-Dark-Sidecar

Screenshots

This is the Mint-Y-Sun theme.

Mint-Y-Dark-Sun

Screenshots

Mint-Y-Sun

Screenshots

Mint-Y-Darker-Sun

Screenshots

This is the Mint-Y-Watusi theme.

Mint-Y-Dark-Watusi

Screenshots

Script can run on a variety of distro's.

Ubuntu 16.04

We made a Mint-Y-Theme on Ubuntu with a red colour accent (ff0000).

Screenshots

Uninstall the theme manually

If you renamed the theme to Mint-Y-Sun for example

sudo rm -rf /usr/share/themes/{Mint-Y-Sun,Mint-Y-Darker-Sun,Mint-Y-Dark-Sun}
sudo rm -rf /usr/local/share/themes/{Mint-Y-Sun,Mint-Y-Darker-Sun,Mint-Y-Dark-Sun}
rm -rf ~/.local/share/themes/{Mint-Y-Sun,Mint-Y-Darker-Sun,Mint-Y-Dark-Sun}
rm -rf ~/.themes/{Mint-Y-Sun,Mint-Y-Darker-Sun,Mint-Y-Dark-Sun}

Report any issues on google+ or on this github.

Remember

If you want the icons on the toolbar to be white like I do. Go to the cinnamon folder and change the cinnnamon.css file to this code around line 455.

.system-status-icon {
icon-size: 16px;
padding: 0 1px;
color: white; }

and line 1327 to this code

.applet-label {
font-weight: bold;
color: rgba(255, 255, 255, 1); }

F A Q


#What can you do if the script does not execute?

Since I sometimes forget to make the script executable, I include here what you can do to solve that.

A script can only run when it is marked as an executable.

ls -al

Above code will reveal if a script has an "x". X meaning executable. Google "chmod" and "execute" and you will find more info.

For now if this happens, you should apply this code in the terminal and add the file name.

chmod +x typeyourfilename

Then you can execute it by typing

./typeyourfilename

Or you can follow these steps

Screenshots


#But that is the fun in Linux.

You can do whatever Y O U want.

Share the knowledge.

I share my knowledge at http://erikdubois.be

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.