Scribd
Upload
164 views2 pages

Editing The Style in EyeOS 2.5

This document provides information on customizing the style and appearance of various elements in the eyeOS open-source operating system, including changing background images, colors, and other visual properties. It outlines files and code locations to modify the login screen, desktop, top bar, taskbar, calendar, email client, and other apps. The document was created by Phil Emerson as a collection of notes on styling eyeOS 2.5 and may contain errors.

Uploaded by

philemerson
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
164 views2 pages

Editing The Style in EyeOS 2.5

This document provides information on customizing the style and appearance of various elements in the eyeOS open-source operating system, including changing background images, colors, and other visual properties. It outlines files and code locations to modify the login screen, desktop, top bar, taskbar, calendar, email client, and other apps. The document was created by Phil Emerson as a collection of notes on styling eyeOS 2.5 and may contain errors.

Uploaded by

philemerson
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

05/05/2012

editing_the_style [eyeOS Open-Source notes]

File Locations
Image Location Notes Edit \eyeos\apps\login\login.js, background image line 96 for

Login background \eyeos\extern\images\login.png Login form Logo on \eyeos\extern\images\eyeos_login.png \eyeos\extern\eyeOS_Menu_closed.png

eyeOS menu

Desktop background
The choice of having a background has been over-ridden to only use a specific backdrop. This can be changed by editing the code in \eyeos\apps\desktop\desktop.js ~ line 280. Original functionality can be restored by removing the comment block.

Topbar
The top bar is an app in its own right and can be found at \eyeos\apps\topbar. The background is an image located here : \eyeos\extern\images\Top_bar.png. The mouse over colours for each menu option are spread throughout the document. Look for groupsLabel.setTextColor in topmenu.js

Taskbar
The taskbar is an app in its own right and can be found at \eyeos\apps\taskbar. The main element you'll want to style is the background - this is a repeated image stored at \eyeos\extern\images\bgTaskBar.png. You'll also need to go through the taskbar application and change the colours in there - they're not stored in any config (this is probably a good idea for a TODO). Here's the highlights: Panel background colour on line 125 Seperator colour on line 147 and separator image on line 422,547 Cascade windows button image \eyeos\extern\images\CascadeWindows.png (line 160) Show Desktop button image \eyeos\extern\images\ShowDesktop.png (line 202) Clock text colour on line 395 Menu button - \eyeos\extern\images\eyeOS_Menu_closed.png and eyeOS_Menu_open.png (lines 530,534,543) Application button colour on line 125

Calendar
The calendar has colours defined all over the place in code. All the code is in the app in \eyeos\apps\calendar\ The highlights are below:

Block Calendar on side


Edit file BlockCalendar.js Block calendar header (line 134) Block calendar days box (line 148)
wiki/doku.php?id=editing_the_style&#credits 1/2

05/05/2012

editing_the_style [eyeOS Open-Source notes]

Planner calendar
Edit file GridCalendar.js Cells across top (line 227) Today Marker (line 365)

Email Client
Creating an account
Colours are defined in \eyeos\apps\rmail\rmail.js Default colours:
Name Colour

Dark Grey #939393 Light Grey #E2E2E2 Selected #9FC 1D4

Credits
This is a collection of notes by Phil Emerson on styling eyeOS 2.5. They are based on personal observation and research and may contain errors so use at your discretion. I cannot be held responsible for you killing your eyeOS installation. ^^ Please respect the requirements of the license regarding the display of eyeOS notices! 2012 Phil Emerson
editing_the_s tyle.txt L as t modified: 2 0 1 2 /0 5 /0 5 1 0 :2 7 by phil

wiki/doku.php?id=editing_the_style&#credits

2/2

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy