Posts Tagged ‘color’

Change selection box color in Windows 8 and 7

Thursday, August 9, 2012 posted by CSch

The selection box that appears when you hold the left mouse-button and drag your mouse away is blue by default on all versions of Windows. However you can change this setting by using two registry values in Windows 7 and Windows 8.

Open the registry by typing regedit into the Windows 7 menu search on Windows 7 or by right-clicking the bottom left corner on Windows 8 and opening a Run… prompt. Enter regedit into it.

- In the registry you will see a tree structure on the left pane – in it, browse for Computer\HKEY_CURRENT_USER\Control Panel\Colors and click it once.
- On the right pane, look for the value of HotTrackingColor. It is given in three values representing the ratios of red, green and blue that range from 0 to 255. Enter values that mix to the color you want to have (you can check the color values in a graphic editor).
- Do the same for he value of Hilight.

These two values also alter the color of hyperlinks and the color of highlighted text. After you set the values, close the registry and reboot your machine. Afterwards the selection box should have the color you chose.

The two different values each stand for a different part of the box – the first determines the color of the inner transparent space, the second determines the color of the non-transparent border. This means you can have different colors for each.

Change selection color in Ubuntu 12.04 themes (Linux)

Monday, July 30, 2012 posted by CSch

The color of selection elements in themes used by Ubuntu 12.04 is determined by a single value and is therefore the same for all of them: highlightened buttons, files, menu items as well as the selection box that you get by holding and dragging your mouse.

You can set this value in the settings.ini of each theme. The settings file of the Ambiance theme for example is located in /usr/share/themes/Ambiance/gtk-3.0

Before you edit the file, create a backup copy of it in case you want to reset the theme to its original state. Just copy the file somewhere else to do that. Afterwards, open the original file as administrator. This is easily done using the terminal:

sudo gedit /usr/share/themes/Ambiance/gtk-3.0/settings.ini

The value that determines selection color is nselected_bg_color – it is formated as hexadecimal value (#000000). You can now use a graphic editor to find out the hexadecimal value of the color you want to use – if you wanted to use red for example, you would have the value #FF0000.

Afterwards save the file and log out of your current session. After the next login, all elements of selection should now have the color of your choice:

Change terminal color theme in Linux

Monday, July 9, 2012 posted by CSch

Since every aspect of Linux is customizable, so is the terminal. Why not spice it up instead of working on a plain white box?

To do so, just open one and go to the Edit menu where you select Profile Preferences. This changes the style of the Default profile. In the Colors and Background tabs, you can change the visual aspects of the terminal. Set new text and background colors here and alter the terminal’s opacity.

On the other menus, you can create more profiles that you can save and also change fonts.

Customize Grub bootloader menu

Tuesday, May 29, 2012 posted by CSch

Grub is the bootloader most Linux operating systems use at the moment – you most likely only interact with it while choosing the operating system you want to use if you are on a multi-boot system. But although you only see it for a short time, why not spice it up a bit? With what we are going to do, we can change font and background color or even use a background picture, change boot order and other handy stuff. You might think about that especially if you don’t like Ubuntu’s purple background color – so here’s how:

To do what we want to, you need the Grub Customizer which is available by ppa. To install it, run the following commands in a terminal:

sudo add-apt-repository ppa:danielrichter2007/grub-customizer

sudo apt-get update

sudo apt-get install grub-customizer

Now open Grub Customizer from a terminal or the menu, go to Preferences and customize your Grub menu to your likings:

How To Customize Basic Cinnamon Elements

Friday, February 24, 2012 posted by CSch

Though Cinnamon comes with a settings tool you can not yet customize it to the fullest. This is because it still is under heavy development and it is even not yet recommended to create super-creative themes, since it is likely that functions will be altered or added in the near future.

Nevertheless I have searched the cinnamon.css file (the file that is responsible for most stylistic issues of cinnamon) of the current version 1.3.1 for the classes that have to be altered to change the basic interface elements, the panel and the menu. The file you need is /usr/share/cinnamon/theme/cinnamon.css. Color values are given in hexadecimal codes (e.g. #FF0000) or in RGB values plus transparency (e.g. (255,255,255,0.5). A color can easily be converted to the other format using graphical software such as Pinta – just use the software’s color picker to choose a color and then copy and paste the code, or insert a code to get the other. If two colors are given in the form of a gradient, there is a color flow between the two given colors.

Note: Before you make any changes to your cinnamon.css, make sure you have made a backup copy and know how to use it without a proper user interface since one faulty character in the file could render cinnamon completely unable to start. The best way to save yourself then is to have another desktop such as GNOME 3 installed to be able to switch to it in worst case (use ctrl + alt + backspace to log out)

Note2: Changes only apply after restarting Cinnamon.

Panel:

  • To change the panel’s color, search the file for the #panel class and change the background-color value.
  • To change the unfocused panel buttons’ colors, search the file fo the .window-list-item-box class and edit the background-gradient-start and background-gradient-end values. Start marks the button’s top where end marks the button’s bottom.
  • To change the focused panel buttons’ colors, search the file fo the .window-list-item-box:focus class and edit the background-gradient-start and background-gradient-end values. Start marks the button’s top where end marks the button’s bottom.
  • To change the button border color of the two above possibilities, change the box-shadow value in the same classes.

Menu:

  • To change the menu’s color, search for the .popup-menu-boxpointer class and edit the arrow-background-color value
  • To change the menu border’s color, search for the arrow-background-color class and edit the arrow-border-color value
  • To change the category menu’s selector box, search for the .menu-category-button-selected class and change the background-gradient-start and the background-gradient-end values
  • To change the application menu’s selector box, search for the .menu-application-button-selected class and change the background-gradient-start and the background-gradient-end values
  • To change the application submenu’s selection box color, search for the .popup-menu-item:active class and edit the background-color value
  • To change the border color of the two above possibilities, change the box-shadow value in the same classes.
  • To change the favorites menu’s background color, search for the .menu-favorites-box class and edit the background-gradient-start and background-gradient-end values.
  • To change the favorites menu’s border color, change the border value in the same class as above
  • To change the favorites menu’s selection box color, search for the .menu-favorites-button:hover class and edit the background-gradient-start and background-gradient-end values.
  • To change the scrollbar handle’s color, search for the StScrollBar StButton#vhandle class and change the background-color value
  • To change the scrollbar border’s color, edit the border value in the same class as above

To change the menu’s texts, there is usually a value called color inside the appropriate classes which handle the text color. Also, the other possibilities can easily be identified by the classes’ and values’ names.

Adjust Aero To Wallpaper Color on Windows 7

Friday, January 20, 2012 posted by CSch

There is a tool called <em>Aero Adjuster</em> that works as a tray-icon in the taskbar and changes the colors of your Windows 7 Aero theme every time you change your wallpaper. Furthermore you also have the option to change brightness and/or to invert the colors, ignore black, white and grey tones and to only choose a specific region of the wallpaper (e.g. Top right, Bottom left).

It works automatically but can also be applied manually after changing options.
Download Aero Adjuster here: http://samusaranfreak.deviantart.com/art/Aero-Adjuster-261383189