LINUX LITE 7.2 FINAL RELEASED - SEE RELEASE ANNOUNCEMENTS SECTION FOR DETAILS


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Watermark by Josh Peterson (Linux Lite Remix)
#1
Three remixes of the Blogger Watermark template* by Josh Peterson.  One in the original Parchment (#C0A154), one Grey (#666666) and one Light Coral (#F08080).

*Click here to see it in action (along with a Linux Lite review).

Wallpapers were created with Gimp using the following elements:

1. body_background_birds.png  (Pattern)
2. body_overlay_birds.png  (Layer)
3. Linux_Lite_feather.png  (Layer)

Linux_Lite_feather was scaled to 40% and colorified to #E2D4B1 (Parchment), #C0C0C0 (Grey) and #F8C5C5 (Light Coral).  body_overlay_birds was distributed 6 from top edge and -5 from right edge.

Below are the wallpapers in 4:3 and 16:9 formats (1024x768 / 1366x768):

UPDATE: 1920x1080 resolution added in [iurl=https://www.freecinema2022.gq/forums/index.php?topic=872.msg5415#msg5415]post #11[/iurl].

Parchment:

[Image: HZs2Y96.png]    [Image: OoobKdM.png]

Grey:

[Image: nTD7AFQ.png]    [Image: 8gc3u18.png]

Light Coral:

[Image: Q1hfpoG.png]    [Image: FDYGL63.png]
Reply
#2
Theming for Grey version

[Image: XHtY97m.png]

[Image: Bv84tlh.png]

[Image: LY6sDzx.png]

[Image: lTuA4un.png]

[Image: WmnpIMA.png]


Theme: MediterraneanWhite (Default)
Window Theme: Siva Flat
Icons: Compass

Tried to stick as close as possible to the out-of-box settings but there were a few changes needed as detailed below.  All changes are in red.  For text files, line numbers are in blue.

MediterraneanWhite

Tooltip - change background and text colors.
Scrollbar - squared and reduced borders.

/usr/share/themes/MediterraneanWhite/gtk-2.0/gtkrc:

4  gtk-color-scheme = "tooltip_bg_color:#2e3436\ntooltip_fg_color:#fbfbfb\nlink_color:#4a90f9"

62  GtkScrollbar ::trough-border = 0

/usr/share/themes/MediterraneanWhite/gtk-3.0/gtk.css:

8  @define-color tooltip_bg_color #2e3436;
9  @define-color tooltip_fg_color #fbfbfb;

/usr/share/themes/MediterraneanWhite/gtk-3.0/scrollbar.css:

9      -GtkRange-trough-border: 0;

61    -GtkRange-trough-border: 0px;


Siva Flat

Window Title - change text color of active window.

/usr/share/themes/Siva Flat/xfwm4/themerc:

12  active_text_color=#565656

Window Title - change text size.

1. Applications Menu > Settings > Window Manager > Style
2. Change "Title font" to Droid Sans Bold | 9.92969.


Terminal

Default size of unmaximised window (on startup).

/usr/share/vte/termcap/xterm:  (Open as Administrator)

10  :co#52:it#8:li#22:\ 

Note: Change this to whatever size you want but NOT to the screen resolution (in my example 1024x768) as this will crash your session and (eventually) reboot to the Log in screen.

Change colors.

1. Right-Click > Preferences > Style
2. Change "Background" to #2E3436 and "Foreground" to #FBFBFB.


DeaDBeeF  (This does not come installed with Linux Lite. More info here.)

Change Seek-bar and Volume-bar colors.

1.  Edit > Preferences > Colours > Seek-bar/Volume-bar colours
2.  Check "Override"
3.  Change "Foreground" to #666666 and "Background" to #FBFBFB.

UPDATE: Created a new DeaDBeeF Grey theme.  Screenshots and details are available here.
Reply
#3
Setting up the Panel

To centralise the Window Buttons create 3 Panels - placed left, centre and right - with the following properties:  (Set "Row size" to preference)

[Image: Aan43us.png]

In the "Appearance" tab set "Style" to Solid color and "Color" to #D0D0D0.

In the "Items" tab add the items you want.  I have mine set up as follows:

[Image: mLb3SBI.png]    [Image: KQtihUl.png]    [Image: Llf5mIc.png]

This leaves two gaps between the panels.  The solution is to edit the wallpaper using Gimp as follows:

1. Open the wallpaper in Gimp.
2. Goto File > New...
3. In the pop-up box enter the width of your screen/wallpaper and selected "Row size" (in my example 1024 and 28).
4. Select the "Bucket Fill Tool" (top left toolbox) to color the image to #D0D0D0.
5. Goto Edit > Copy
6. Switch back to the wallpaper tab and goto Edit > Paste as > New Layer
7. Select the "Alignment Tool" (top left toolbox) and click on the pasted image.
8. From "Tool Options" (bottom left toolbox) select "Align bottom of target".
9. Goto "File" and either "Overwrite" the original wallpaper or use "Export As..." to save to a new file.
10. Set this as your wallpaper.

[Image: DdDKpA4.png]
Reply
#4
Modifying the Panel

Panel Icons - reduced borders.

/usr/share/themes/MediterraneanWhite/gtk-2.0/gtkrc:

1029      xthickness = 0
1030      ythickness = 0

Panel Window Buttons - remove lucency when minimized.

/home/linuxlite/.gtkrc-2.0:  (Press Ctrl+H to show hidden files)

Add (copy & paste) the following:

style "xfce-tasklist-style"
{
  # Lucency of minimized icons. Valid values are between 0 (completely
  # hide the icon) and 100 (don't lighten the icon).
  XfceTasklist::minimized-icon-lucency = 100
}
class "XfceTasklist" style "xfce-tasklist-style"


Panel Date/Time format:

1. Applications Menu > Settings > Panel > Items > DateTime
2. Apply following changes:

Format: Time only
Format: Custom...
Week %V, %G
Font: Droid Sans 10
Format: Custom...
%H:%M:%S  %a %d %b  (Note: there's 2 spaces between S and %.)
Reply
#5
Applications Menu

This section is needed because the Applications Menu icon appears either smaller or larger than the other icons.  After some searching I came across the following solution:

1. Applications Menu > Settings > Panel
2. Add a new panel, place it in the bottom left corner and apply the following:  ("Row size" same as original panel)

[Image: vnGQ5QD.png]

2. In the "Appearance" tab change "Style" to Solid color and "Color" to #D0D0D0.
3. In the "Items" tab add "Applications Menu".
4. Goto the original panel (usually Panel 1)  and remove "Applications Menu" and add "Launcher".
5. Edit "Launcher" by adding a new empty item and apply the following:

  Name: Menu
  Command: xfce4-popup-applicationsmenu
  Icon: Select an icon (I chose "applications-other" from the "Menu Icons" drop down list).

6. Goto /home/linuxlite/.gtkrc-2.0:  (Press Ctrl+H to show hidden files)

Add (copy & paste) the following:

style "xfce-panel-window-style"
{
  # Size of autohide window in pixels
  XfcePanelWindow::autohide-size = 1
}
class "XfcePanelWindow" style "xfce-panel-window-style"



You'll now have an icon exactly the same size as the rest and when you click on it the Applications Menu will pop up.  (the new Panel you created will remain hidden).
Reply
#6
Smile AL13N, Wow! Absolutely teriffic work. What more can I say?  ~Scott
[Image: q7j1yAl.png]
Reply
#7
Being new to Linux and Gimp this awesome work and tutorial will assist me immensely.
Reply
#8
Fantastic contribution AL13N, thank you Smile
Reply
#9
Thank You for the positive responses.  Smile

I'm fairly new to all this and decided to post what I'd learned - via trial, error and a LOT of StartPaging - both to share with others and a way of saying Thank You for this incredible distro.
Reply
#10
Excellent work beautifully theme ,wallpaper need to improve,I hope that is taken into account from the team.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)