Pages : 1
#1 Le 19/10/2007, à 16:18
- m3ta-x
Problème thèmes GTK2 et Firefox
Salut tout le monde.
Question peut-être posée plusieurs fois, mais j'arrive pas à retrouver de topic expliquant comment régler le problème.
J'ai installé un thème GTK2 et dans Firefox maintenant, les polices sont blanches dans la barre des menus et dans les menus contextuels. Ca rend illisible étant donné que la couleur du thème est gris clair.
J'ai fait un petit screenshot de Firefox pour que vous puissiez voir ce que ça donne.
Si quelqu'un pouvait m'aider à résoudre ce petit problème (sans me dire de changer de thème ou de réinstaller s'il vous plait!)...
Merci d'avance!
Dernière modification par m3ta-x (Le 19/10/2007, à 16:18)
Hors ligne
#2 Le 20/10/2007, à 21:52
- m3ta-x
Re : Problème thèmes GTK2 et Firefox
up!
Hors ligne
#3 Le 20/10/2007, à 23:18
- Yvance77
Re : Problème thèmes GTK2 et Firefox
Oui moi aussi c'est quelque chose que j'aimerai résoudre avec certains themes mais jamais eu la soluce à mon grand désarroi.
A trop vouloir faire de l'économie un idéal, nous faisons l'économie de l'Idéal !
Manjaro 20.01 - Mate 64 bits
CM : MSI B550 Tomahawk -- Proc : Ryzen 3600 6 coeurs -- CG : ATI Radeon RX550 -- RAM : Kingstone DDR4
Hors ligne
#4 Le 21/10/2007, à 09:24
- jiceel
Re : Problème thèmes GTK2 et Firefox
Il faut éditer le fichier gtkrc du thème concerné et chercher la couleur blanche proche de FFFFFF la modifier par du Noir 000000 et tester si c'est la bonne modif, mais attention votre thème étant noir ça risque de clocher ailleurs, donc ce serai mieux de modifier le thème de Firefox pour un noir aussi du même style.
Ubuntu 12.04 LTS 64 sur AMD 2x4600 Nvidia 7600GS 3go DDR2
Hors ligne
#5 Le 21/10/2007, à 17:38
- Yvance77
Re : Problème thèmes GTK2 et Firefox
Merci sur un des themes j'ai réussi reste plus que sur le cond à trouver la ligne à modifier qui va bien.
Cordialement
A trop vouloir faire de l'économie un idéal, nous faisons l'économie de l'Idéal !
Manjaro 20.01 - Mate 64 bits
CM : MSI B550 Tomahawk -- Proc : Ryzen 3600 6 coeurs -- CG : ATI Radeon RX550 -- RAM : Kingstone DDR4
Hors ligne
#6 Le 12/03/2008, à 09:51
- bigfooo
Re : Problème thèmes GTK2 et Firefox
Slt a tous
jai ce probleme aussi, le theme BlueHeart me plait et durdur de voir ce ke j'écrit dans firefox. Jai noter que tout est ok quand j'utilise Opéra, seulemnt ce navigateur ne me plait pas. Est ce ki ya une soluce svp, il semble bien que ce soit firefox qui pose probleme
aplus
Hors ligne
#7 Le 12/03/2008, à 20:33
- Nesquix
Re : Problème thèmes GTK2 et Firefox
je relance le probléme, idem un probléme de couleur sur un super théme GTK2 et du coup j'y vois rien sur firefox... !
quelqu'un sait t'il modifier la ligne de couleur des champs de texte dans gtk2 ?
###############################################
# Dark Green Glass
# ---------
# A dark gtk2 theme, not really based on any other
# theme, but inspired in part by UI's from Apple,
# Microsoft, and many themes on the Gnome desktop.
#
# GTKRC originally based on Glossy P's.
#
# To Do:
# ------
# Redo dropdown menus, menu highlights
# Progress Bars
# Side/bottom tab improvements
# Prelights for:
# - scrollbar buttons
# - scrollbar slider
# - text fields
# - checkboxes
# - radio buttons
# comboboxes
# Items with "- " preceeding are done to some degree,
# but may need some fixing.
include "fix-librsvg-engine-with-pixmap-engine"
gtk-icon-sizes = "gtk-large-toolbar=24,24:panel-menu=24,24"
gtk-menu-drop-shadow = 2
gtk-menu-shadow-delay = 20
style "default"
{
#GtkWidget::interior_focus = 1
#GtkWidget::focus-line-width=0
#GtkButton::default_border = { 0, 0, 0, 0 }
#GtkButton::default_outside_border = { 0, 0, 0, 0 }
#GtkButton::default_border = { 3,3,3,3 }
#GtkButton::default_outside_border = { 3,3,3,3 }
#GtkDialog::action_area_border = {0,0,0,0}
#Yes or No?
GtkWidget::focus_padding = 0
#GtkEntry::padding = 6
#GtkPaned::handle_size = 7
#GtkFrame::shadow_type = GTK_SHADOW_NONE
GtkScrolledWindow::shadow_type = GTK_SHADOW_OUT
GtkMenuBar::shadow_type = GTK_SHADOW_NONE
GtkToolbar::shadow_type = GTK_SHADOW_OUT
#GtkContainer::shadow_type = GTK_SHADOW_NONE
#GtkPaned::shadow_type = GTK_SHADOW_NONE
#GtkMenuBar::internal-padding = 0
#GtkContainer::border_width = 0
#These properties control how the image on a button is displaced when it is clicked.
#GtkButton::child_displacement_x = 0
#GtkButton::child_displacement_y = 0
#GtkButtonBox::child_min_width = 28
#GtkOptionMenu::indicator_size = { 20, 10 }
#GtkOptionMenu::indicator_spacing = { 6, 3, 1, 1 }
#xthickness = 1
#ythickness = 1
#This sets the color for odd rows in TreeViews to be light blue, instead of using
#the color set by gtk.
#GtkTreeView::odd_row_color = "#2e2f38"
GtkWidget::cursor_color = "#9dbed0"
GtkWidget::secondary_cursor_color = "#9dbed0"
fg[NORMAL] = "#9dbed0"
fg[ACTIVE] = "#9ca4b5"
fg[PRELIGHT] = "#bfd2e5"
fg[SELECTED] = "#d5dcf6"
fg[INSENSITIVE] = "#2c3647"
bg[NORMAL] = "#181920"
bg[ACTIVE] = "#353746"
bg[PRELIGHT] = "#363d47"
bg[SELECTED] = "#1d2c53"
bg[INSENSITIVE] = "#00423a"
base[NORMAL] = "#22242e"
base[ACTIVE] = "#1d2c53"
base[PRELIGHT] = "#000000"
#base[SELECTED] = "#ff0000"
base[SELECTED] = "#346580"
base[INSENSITIVE] = "#212121"
text[NORMAL] = "#9dbed0"
text[ACTIVE] = "#9dbed0"
text[PRELIGHT] = "#9dbed0"
text[SELECTED] = "#000000"
text[INSENSITIVE] = "#9dbed0"
#A semi-transparent hi-light for files selected in Nautilus
NautilusIconContainer::highlight_alpha=160
#This sets the color used for the text under the icons in nautilus when they are not highlighted.
NautilusIconContainer::dark_info_color="#9dbed0"
#This is the color of the text under an icon in Nautilus when it is highlighted.
NautilusIconContainer::light_info_color="#9dbed0"
#When in doubt, use this pixmap to draw the background of a widget.
#bg_pixmap[NORMAL] = "plain_background.png"
#bg_pixmap[PRELIGHT] = "plain_background.png"
engine "pixmap"
{
#This defines how the focus is drawn. Using a transparent image means there is
#no line around a widget when it is in focus.
image
{
function = FOCUS
recolorable = TRUE
overlay_file = "transparent.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = TRUE
}
#The following four entries describe how the different types of shadows
#are drawn
image
{
function = SHADOW
recolorable = TRUE
shadow = OUT
file = "shadow_etched_out.png"
border = { 2, 2, 2, 2 }
stretch = TRUE
}
image
{
function = SHADOW
recolorable = TRUE
shadow = IN
file = "shadow_in.png"
border = { 2, 2, 2, 2 }
stretch = TRUE
}
image
{
function = SHADOW
recolorable = TRUE
shadow = ETCHED_IN
file = "shadow_etched_in.png"
border = { 2, 2, 2, 2 }
stretch = TRUE
}
image
{
function = SHADOW
recolorable = TRUE
shadow = ETCHED_OUT
file = "shadow_etched_out.png"
border = { 2, 2, 2, 2 }
stretch = TRUE
}
#How to draw horizontal lines
image
{
function = HLINE
recolorable = TRUE
file = "hline.png"
border = { 1, 1, 1, 0 }
stretch = TRUE
}
#How to draw vertical lines
image
{
function = VLINE
recolorable = TRUE
file = "vline.png"
border = { 1, 0, 1, 1 }
stretch = TRUE
}
#The following two entries describe how handles (grippers) are drawn.
image
{
function = HANDLE
orientation = HORIZONTAL
recolorable = TRUE
#The background image on boxes with horizontal handles.
file = "transparent.png"
border = { 1,1,1,1 }
stretch = TRUE
#The overlay on horizontal handles
overlay_file = "vertical_handle.png"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = HANDLE
recolorable = TRUE
#The background on vertical handles
file = "transparent.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
#The overlay on vertical handles.
overlay_file = "horizontal_handle.png"
overlay_border = {0,0,0,0}
overlay_stretch = FALSE
orientation = VERTICAL
}
#This tells gtk how to draw the base of a handlebox; i.e. the bin that the
#buttons sit in.
image
{
function = BOX
recolorable = TRUE
detail = "handlebox_bin"
file = "plain_background.png"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
#####################################################
#Buttons
#####################################################
style "button"
{
GtkButton::default_border = { 0, 0, 0, 0 }
#GtkButton::default_outside_border = { 0, 0, 0, 0 }
#This adds a little extra horizontal thickness to the buttons. I've added this so
#the label on a button has a little room on either side.
xthickness=3
#ythickness=2
engine "pixmap"
{
image
{
function = BOX
recolorable = TRUE
state = NORMAL
detail = "buttondefault"
shadow = IN
file = "button_round.png"
#border = { 5,3,3,3 }
border = { 5,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = NORMAL
shadow = OUT
file = "button_round.png"
border = { 5,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
shadow = OUT
file = "button_round_blue.png"
border = { 4,4,4,4 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
shadow = IN
file = "button_round_blue.png"
border = { 4,4,4,4 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = NORMAL
shadow = IN
file = "button_round.png"
border = { 5,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = INSENSITIVE
shadow = IN
file = "button_round_insens.png"
border = { 4,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
file = "button_round_insens.png"
border = { 4,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = SELECTED
shadow = IN
file = "button_round_blue_push.png"
border = {6,6,6,6 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = ACTIVE
shadow = IN
file = "button_round_blue_push.png"
border = { 6,6,6,6 }
stretch = TRUE
}
}
}
class "GtkButton" style "button"
################################################
# Paned Widgets: Windows divided into two or more sections, which can be
# resized by dragging handles.
################################################
style "glossy-paned" = "default"
{
#This section describes how panes are drawn. Panes are windows that are separated
#into two parts by a horizontal or vertical divider. The instructions set here over-ride
#the instructions set above for how to draw handles.
#xthickness = 5
#ythickness = 5
#This defines the thickness of the bar that divides the window.
GtkPaned::handle_size = 8
engine "pixmap"
{
# The handle on horizontal dividers
image
{
function = HANDLE
recolorable = TRUE
file = "plain_background.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
overlay_file = "horizontal_paned_handle.png"
overlay_border = {0,0,0,0}
overlay_stretch = FALSE
orientation = HORIZONTAL
}
# The handle on vertical dividers
image
{
function = HANDLE
recolorable = TRUE
file = "plain_background.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
overlay_file = "vertical_paned_handle.png"
overlay_border = {0,0,0,0}
overlay_stretch = FALSE
orientation = VERTICAL
}
}
}
class "Gtk*Paned" style "glossy-paned"
################################################
# Toolbars drawn by gtk
################################################
style "glossy-toolbar"="default"
{
engine "pixmap"
{
# This tells gtk how to draw the toolbar
image
{
function = BOX
recolorable = TRUE
shadow = OUT
#file = "plain_background.png"
#file = "shadow_etched_out.png"
file = "toolbar_background.png"
border = {4,4,4,4}
stretch = TRUE
}
}
}
widget_class "GtkToolBar" style "glossy-toolbar"
class "*Tool*" style "glossy-toolbar"
###############################################
# Menus
###############################################
style "glossy-menu"
{
#This is the image that is used to draw the background of drop-down menus. It is
#tiled, and set inside the box defined below.
#bg_pixmap[NORMAL] = "plain_background.png"
#The BOX set below is drawn as a 'frame' around the image above,
#whose x and y thicknesses are defined below.
#xthickness = 4
#ythickness = 4
engine "pixmap"
{
#This is the image that is used to draw Menus. The bg_pixmap image
#set above is drawn inside the border defined below, with a one-pixel
#buffer. Setting the x and y thicknesses above overrides the one-pixel
#border.
image
{
function = BOX
recolorable = TRUE
file = "menu_background.png"
border = {2,2,2,2}
stretch = TRUE
}
image
{
function = HLINE
recolorable = TRUE
file = "hline.png"
border = { 1, 1, 1, 0 }
stretch = TRUE
}
}
}
#widget_class "*Menu*" style "glossy-menu"
class "GtkMenu" style "glossy-menu"
###############################################
# Menubar
###############################################
style "menubar" = "default"
{
engine "pixmap"
{
image
{
function = BOX
file = "menubar.png"
border = { 2, 2, 2, 2 }
stretch = TRUE
}
}
}
widget_class "*.GtkMenuBar.*" style "menubar"
class "GtkMenuBar" style "menubar"
###############################################
# Menu Items
###############################################
style "MenuItem"
{
#This sets the thickness of a buffer between the side of the menu
#and where the mouse-over image (set below) is drawn. The side of
#the menu is defined by the border set in the menu style above.
xthickness = 2
ythickness = 2
engine "pixmap"
{
#This image is used to draw the highlight on a menu entry when it is
#moused over.
image
{
function = BOX
recolorable = TRUE
file = "menu_hi-light_2.png"
border = { 2, 2, 2, 2 }
stretch = TRUE
}
image
{
function = HLINE
recolorable = TRUE
file = "hline.png"
border = { 1, 1, 1, 0 }
stretch = TRUE
}
}
}
widget_class "*.GtkMenuItem.*" style "MenuItem"
class "GtkMenuItem" style "MenuItem"
#
# Panel Background
#
style "panelbg"
{
xthickness = 1
ythickness = 1
bg_pixmap[NORMAL] = "panel-bg.png"
}
class "*Panel*" style "panelbg"
###############################################
# Styles and Controls for Option Menus
###############################################
style "OptionMenu"
{
engine "pixmap"
{
image
{
function = BOX
recolorable = TRUE
file = "OptionMenu.png"
border = { 5, 21, 5, 5 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
file = "OptionMenu.png"
border = { 5, 21, 5, 5 }
stretch = TRUE
}
image
{
function = TAB
recolorable = TRUE
overlay_file = "menubar_option_arrow.png"
overlay_stretch = FALSE
}
image
{
function = TAB
recolorable = TRUE
state = INSENSITIVE
overlay_file = "menubar_option_arrow_insensitive.png"
overlay_stretch = FALSE
}
image
{
function = TAB
recolorable = TRUE
state = PRELIGHT
overlay_file = "menubar_option_arrow_prelight.png"
overlay_stretch = FALSE
}
}
}
class "GtkOptionMenu" style "OptionMenu"
#####################################################
#Notebook: How to draw the tabs, spacings, and backgrounds for notebooks.
#####################################################
style "notebook"
{
#These thickness settings make sure that we see the whole thin blue line at the top
#of the notebook page.
xthickness = 8
ythickness = 2
engine "pixmap"
{
# NOTEBOOK TABS
#####################
#Tabs at the top of the notebook.
#####################
#This is the image used for the selected tab.
image
{
function = EXTENSION
state = NORMAL
gap_side = BOTTOM
file = "SelectedTabTop.png"
border = {7,7,5,0}
stretch = TRUE
}
#This is the image used for tabs in the background.
image
{
function = EXTENSION
state = ACTIVE
gap_side = BOTTOM
file = "NormalTabTop.png"
border = {4,5,3,0}
stretch = TRUE
}
########################
# Tabs at the bottom of the notebook.
########################
# The image used for background tabs.
image
{
function = EXTENSION
state = ACTIVE
gap_side = TOP
file = "NormalTabBottom.png"
border = {4,5,0,3}
stretch = TRUE
}
# The image for selected tabs.
image
{
function = EXTENSION
state = NORMAL
gap_side = TOP
file = "SelectedTabBottom.png"
border = {7,7,0,5}
stretch = TRUE
}
########################
# Tabs at the left of the notebook.
########################
# Left and right here seem opposite to me,
# but they work this way in Bluefish at least.
# It's the only app I have to test them in.
# The image used for background tabs.
image
{
function = EXTENSION
state = ACTIVE
gap_side = RIGHT
file = "NormalTabLeft.png"
border = {5,0,4,4}
stretch = TRUE
}
# The image for selected tabs.
image
{
function = EXTENSION
state = NORMAL
gap_side = RIGHT
file = "SelectedTabLeft.png"
border = {4,0,4,4}
stretch = TRUE
}
########################
# Tabs at the rigt of the notebook.
########################
# The image used for background tabs.
image
{
function = EXTENSION
state = ACTIVE
gap_side = LEFT
file = "NormalTabRight.png"
border = {5,5,4,4}
stretch = TRUE
}
# The image for selected tabs.
image
{
function = EXTENSION
state = NORMAL
gap_side = LEFT
file = "SelectedTabRight.png"
border = {4,5,4,4}
stretch = TRUE
}
#These are the images that are used for the base of the notebook: the area in the border
#forms the border of the notebook page and the stretched part sits inside. If I use an image
#with a transparent base then I get sequentially darker nested notebook pages, which is good,
#but it maked tab switching much, much slower (~1 sec to redraw when switching tabs).
#Use this image when the tabs are at the top of the notebook.
image
{
function = BOX_GAP
gap_side = TOP
file = "notebook_top_flat.png"
border = {4,4,4,4}
gap_file = "gap_top.png"
gap_border = { 5, 5, 2, 2 }
gap_start_file = "null.png"
gap_end_file = "null.png"
stretch = TRUE
}
# use this image when the tabs are on the bottom of the notebook.
image
{
function = BOX_GAP
gap_side = BOTTOM
file = "notebook_bottom_flat.png"
border = {4,4,4,4}
gap_file = "gap_bottom.png"
gap_border = { 5, 5, 2, 2 }
gap_start_file = "null.png"
gap_end_file = "null.png"
stretch = TRUE
}
# Use this when the tabs are on the left
image
{
function = BOX_GAP
gap_side = LEFT
file = "notebook_left_flat.png"
border = {4,4,4,4}
stretch = TRUE
}
# Use this when the tabs are on the right
image
{
function = BOX_GAP
gap_side = RIGHT
file = "notebook_right_flat.png"
border = {4,4,4,4}
stretch = TRUE
}
#For drawing notebook pages when they are not attached to a tab. When does
#this happen?
image
{
function = BOX
file = "notebook_top_flat.png"
border = {4,4,4,4}
stretch = TRUE
gap_side = TOP
}
}
}
class "GtkNotebook" style "notebook"
#####################################################
# Text Entries
#####################################################
style "entry"
{
#xthickness = 2
#ythickness = 2
#bg[SELECTED] = { 0.30,0.35,0.65 }
#fg[PRELIGHT] = "#ffffff"
#GtkEntry::shadow_type = GTK_SHADOW_NONE
#In the default style we set this color to white because it sets the background color for
#things like GtkText and GtkList, etc, which we want white. But here we set the background
#color for GtkEntry to be light gray so that it blends in with things like toolbars.
base[NORMAL] = "#181920"
text[ACTIVE] = "#9dbed0"
text[PRELIGHT] = "#9dbed0"
text[SELECTED] = "#9dbed0"
text[INSENSITIVE]= "#7e9eae"
#bg_pixmap[NORMAL] = "menu_background.png"
engine "pixmap"
{
image
{
function = FLAT_BOX
recolorable = TRUE
state = INSENSITIVE
#detail = "entry_bg"
file = "text_entry.png"
border = {3,3,3,3 }
stretch = TRUE
}
image
{
function = FLAT_BOX
recolorable = TRUE
state = NORMAL
#detail = "entry_bg"
file = "text_entry.png"
border = {3,3,3,3 }
stretch = TRUE
}
image
{
function = FLAT_BOX
recolorable = TRUE
state = PRELIGHT
detail = "entry_bg"
file = "text_entry_prelight.png"
border = {3,3,3,3 }
stretch = TRUE
}
image
{
function = FLAT_BOX
recolorable = TRUE
state = SELECTED
# detail = "entry_bg"
file = "out_sel.png"
border = { 2,2,2,2 }
stretch = TRUE
}
#This is a transparent shadow.
image
{
function = SHADOW
recolorable = TRUE
shadow = IN
file = "transparent.png"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
class "GtkEntry" style "entry"
###############################################
# Gtk Lists, like the Rhythmbox playlist or Nautilus Listview
###############################################
style "list-header"
{
#Comment out the ythickness setting below for thicker column headers.
ythickness = 0
GtkTreeView::odd_row_color = "#2e303d"
GtkTreeView::even_row_color = "#22242e"
engine "pixmap"
{
#This image is used to draw the headers of columns in list views when they are
#not selected.
image
{
function = BOX
recolorable = TRUE
shadow = OUT
file = "list_header.png"
border = { 1,1,1,1 }
stretch = TRUE
}
#This image is used to draw the column headers in list views when they are
#clicked.
image
{
function = BOX
recolorable = TRUE
shadow = IN
file = "menu_hi-light_2.png"
border = { 1,1,1,1 }
stretch = TRUE
}
#Does this do anything?
image
{
function = BOX
recolorable = TRUE
shadow = OUT
state = PRELIGHT
file = "menu_hi-light_2.png"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
widget_class "*List" style "list-header"
widget_class "*Tree*" style "list-header"
widget_class "GtkCList" style "list-header"
###############################################
# GtkScrollbar: The scrollbars on windows
###############################################
style "Scrollbar" {
#The values I set here have to do with the relative size of three graphic elements
#I have used: the slider, the arrow box, and the trough. They all have the same width
#of 15 pixels, but gtk wants to put in some spacing between them. It seems like it
#places the sliders inside the trough with a default 1 pixel border on either side of the slider,
#so that the trough has its width stretched by an additional two pixels(?). Setting the
#trough border makes the arrow box sit on top of the trough squarely, by making sure that
#the trough stays the same width as the arrowbox(?). I could be totally wrong here.
GtkRange::trough_border = 0
GtkRange::slider_width = 15
#This sets the size of the steppers (arrow buttons on the end of the scrollbar). The image I
#am using is 15x15 pixels, and if I dont set this a one pixel line gets cut off of the top of the "up"
#stepper.
GtkRange::stepper_size = 15
#Set a minimum length for the slider. Since I set the border on the slider image to 15 pixels
#on either end of the slider I want the min length to be at least 30 pixels to avoid an ugly
#slider when gtk wants to make it smaller than 30 pixels.
GtkScrollbar::min_slider_length = 30
engine "pixmap"
{
#The trough for vertical scrollbars. This is the region in which the slider moves.
image
{
function = BOX
recolorable = TRUE
detail = "trough"
file = "vertical_trough.png"
border = { 0, 0, 30, 30 }
stretch = TRUE
orientation = VERTICAL
}
#The trough for horizontal scrollbars.
image
{
function = BOX
recolorable = TRUE
detail = "trough"
file = "horizontal_trough.png"
border = { 30, 30, 0, 0 }
stretch = TRUE
orientation = HORIZONTAL
}
#The image used to draw the slider for horizontal scrollbars
#in the NORMAL state.
image
{
function = SLIDER
recolorable = TRUE
state = NORMAL
file = "scrollbar_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
#The image used to draw the slider for horizontal scrollbars
#in their prelight state.
image
{
function = SLIDER
recolorable = TRUE
state = PRELIGHT
file = "scrollbar_prelight_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
#The image used to draw the slider for horizontal scrollbars
#in their ACTIVE (pressed?) state.
image
{
function = SLIDER
recolorable = TRUE
state = ACTIVE
file = "scrollbar_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
#The image used to draw the slider for horizontal scrollbars
#in their INSENSITIVE state.
image
{
function = SLIDER
recolorable = TRUE
state = INSENSITIVE
file = "scrollbar_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
#The image used to draw the slider for vertical scrollbars
#in their NORMAL state.
image
{
function = SLIDER
recolorable = TRUE
state = NORMAL
file = "scrollbar_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
#The image used to draw the slider for vertical scrollbars
#in their prelight state.
image
{
function = SLIDER
recolorable = TRUE
state = PRELIGHT
file = "scrollbar_prelight_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
#The image used to draw the slider for vertical scrollbars
#in their ACTIVE state.
image
{
function = SLIDER
recolorable = TRUE
state = ACTIVE
file = "scrollbar_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
#The image used to draw the slider for vertical scrollbars
#in their INSENSITIVE state.
image
{
function = SLIDER
recolorable = TRUE
state = INSENSITIVE
file = "scrollbar_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = BOX
recolorable = TRUE
state = NORMAL
file = "vscroll_down.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
file = "vscroll_down_prelight.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = BOX
recolorable = TRUE
state = ACTIVE
file = "vscroll_down.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
}
image
{
function = ARROW
recolorable = TRUE
state = NORMAL
overlay_file = "vscroll_up.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
recolorable = TRUE
state = NORMAL
overlay_file = "vscroll_down.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
recolorable = TRUE
state = NORMAL
overlay_file = "hscroll_left.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
recolorable = TRUE
state = NORMAL
overlay_file = "hscroll_right.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image
{
function = ARROW
recolorable = TRUE
state = PRELIGHT
overlay_file = "vscroll_up_prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
recolorable = TRUE
state = PRELIGHT
overlay_file = "vscroll_down_prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
recolorable = TRUE
state = PRELIGHT
overlay_file = "hscroll_left_prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
recolorable = TRUE
state = PRELIGHT
overlay_file = "hscroll_right_prelight.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image
{
function = ARROW
recolorable = TRUE
shadow = IN
overlay_file = "vscroll_up.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
recolorable = TRUE
shadow = IN
overlay_file = "vscroll_down.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
recolorable = TRUE
shadow = IN
overlay_file = "hscroll_left.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
recolorable = TRUE
shadow = IN
overlay_file = "hscroll_right.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
}
}
class "GtkScrollbar" style "Scrollbar"
###########################################
# Scales: The sliders used for volume, track position, etc. Drawn without
# arrow boxes on the end.
###########################################
#Problem: scales in some apps, like the Gimp, dont look right when they
#are small. The slider is too thin and has two overlapping pieces and looks
#like crap.
style "Scales"
{
GtkRange::trough_border = 0
GtkRange::slider_width = 15
engine "pixmap"
{
image
{
function = BOX
recolorable = TRUE
detail = "trough"
file = "trough_2.png"
border = { 2, 2, 6, 6 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = BOX
recolorable = TRUE
detail = "trough"
file = "horizontal_trough_3.png"
border = { 6, 6, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
recolorable = TRUE
state = NORMAL
file = "scrollbar_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
recolorable = TRUE
state = PRELIGHT
file = "scrollbar_prelight_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
recolorable = TRUE
state = ACTIVE
file = "scrollbar_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
recolorable = TRUE
state = INSENSITIVE
file = "scrollbar_horizontal.png"
border = { 15, 15, 6, 6 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
recolorable = TRUE
state = NORMAL
file = "scrollbar_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = SLIDER
recolorable = TRUE
state = PRELIGHT
file = "scrollbar_prelight_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = SLIDER
recolorable = TRUE
state = ACTIVE
file = "scrollbar_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = SLIDER
recolorable = TRUE
state = INSENSITIVE
file = "scrollbar_vertical.png"
border = { 6, 6, 15, 15 }
stretch = TRUE
orientation = VERTICAL
}
}
}
class "GtkScale" style "Scales"
##################################################
#Spin Controls
#---------------
#These are buttons with two arrows that let you set some value by clicking the
#the arrows. The widget might also have a text entry box for setting the value
#directly by typing it in.
##################################################
style "spin"
{
engine "pixmap"
{
#First we set the images for drawing different parts of a text entry that
#might be attached to the widget. This could be done by inheriting from the
#style used for GtkEntry, but we just set everything here explicitly. Still having
#the same problem as with GtkEntry with the white outline if we do not draw
#a shadow with a thick enough border.
image
{
function = FLAT_BOX
recolorable = TRUE
state = NORMAL
detail = "entry_bg"
file = "text_entry.png"
border = {6,6,6,6 }
stretch = TRUE
}
image
{
function = FLAT_BOX
recolorable = TRUE
state = PRELIGHT
detail = "entry_bg"
file = "text_entry_prelight.png"
border = {3,3,3,3 }
stretch = TRUE
}
image
{
function = FLAT_BOX
recolorable = TRUE
state = SELECTED
detail = "entry_bg"
file = "out_sel.png"
border = { 1,1,8,8 }
stretch = TRUE
}
image
{
function = FLAT_BOX
recolorable = TRUE
state = INSENSITIVE
detail = "entry_bg"
file = "text_entry.png"
border = {6,6,6,6 }
stretch = TRUE
}
image
{
function = SHADOW
recolorable = TRUE
shadow = IN
file = "transparent.png"
border = { 1,1,1,1 }
stretch = TRUE
}
#The following two sections define the images used to draw the up and
#down spin buttons in the INSENSITIVE state.
image
{
function = BOX
recolorable = TRUE
state = INSENSITIVE
detail = "spinbutton_up"
file = "spin_button_up.png"
border = { 7,7,6,0 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = INSENSITIVE
detail = "spinbutton_down"
file = "spin_button_down.png"
border = { 7,7,0,6 }
stretch = TRUE
}
#The following two sections define the images used to draw the up and
#down spin buttons in the PRELIGHT state.
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
detail = "spinbutton_up"
file = "spin_button_up_prelight.png"
border = { 7,7,6,0 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
detail = "spinbutton_down"
file = "spin_button_down_prelight.png"
border = { 7,7,0,6 }
stretch = TRUE
}
#The following two sections define the images used to draw the up and
#down spin buttons in any states that we have not already defined.
image
{
function = BOX
recolorable = TRUE
detail = "spinbutton_up"
file = "spin_button_up_active.png"
border = { 7,7,6,0 }
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
detail = "spinbutton_down"
file = "spin_button_down_active.png"
border = { 7,7,0,6 }
stretch = TRUE
}
#The arrows drawn on the spinbuttons are set by the next two
#entries. Different types of arrows can be used for different
#states by setting images for each state.
image
{
function = ARROW
recolorable = TRUE
overlay_file = "spin_button_up_arrow.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
recolorable = TRUE
overlay_file = "spin_button_down_arrow.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
}
}
class "GtkSpin*" style "spin"
############################################
# Check Boxes
# --------------
# This section tells GTK how to draw check boxes.
############################################
style "CheckBox"
{
engine "pixmap"
{
#This is the image used to draw an unchecked box.
image
{
function = CHECK
recolorable = TRUE
shadow = OUT
overlay_file = "unchecked_box.png"
overlay_stretch = FALSE
}
#This is the image used to draw a selected (checked) box.
image
{
function = CHECK
recolorable = TRUE
shadow = IN
overlay_file = "checked_box.png"
overlay_stretch = FALSE
}
#Use this image to draw the highlight when a line with a check box
#is moused over.
image
{
function = FLAT_BOX
recolorable = TRUE
file = "checkbox_highlight.png"
border = { 2, 2, 2, 2 }
}
}
}
class "GtkCheckButton" style "CheckBox"
############################################
# Radio Buttons
############################################
style "RadioButton"
{
engine "pixmap"
{
image
{
function = OPTION
recolorable = TRUE
shadow = OUT
overlay_file = "option_out_2.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
}
image
{
function = OPTION
recolorable = TRUE
shadow = IN
overlay_file = "option_in_2.png"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
}
#Use this image to draw the highlight when a line with a radio box
#is moused over.
image
{
function = FLAT_BOX
recolorable = TRUE
file = "checkbox_highlight.png"
border = { 2, 2, 2, 2 }
}
}
}
class "GtkRadioButton" style "RadioButton"
################################################
# Statusbars Drawn by gtk (info bar on the bottom of the window)
################################################
style "glossy-GtkStatusbar" = "glossy-default"
{
GtkStatusbar::shadow_type = GTK_SHADOW_NONE
engine "pixmap"
{
#This does not seem to be working. It seems that you can tell gtk how
#to draw the resizing grip in the bottom right corner of the window, which
#seems to be part of the status bar. Not sure why it is not working.
image
{
function = RESIZE_GRIP
recolorable = TRUE
#state = NORMAL
detail = "statusbar"
overlay_file = "menu_hi-light_2.png"
overlay_border = {1,1,1,1 }
overlay_stretch = FALSE
}
}
}
class "GtkStatusbar" style "glossy-GtkStatusbar"
###########################################
#Progress Bars
###########################################
style "ProgressBar"
{
#xthickness = 1
#ythickness = 1
GtkProgressBar::trough_border = 0
engine "pixmap"
{
image
{
function = BOX
recolorable = TRUE
detail = "bar"
file = "progress_bar.png"
border = { 1, 1, 1, 1}
stretch = TRUE
}
image
{
function = BOX
recolorable = TRUE
detail = "trough"
file = "trough_3.png"
border = { 1, 1, 1, 1 }
stretch = TRUE
orientation = HORIZONTAL
}
}
}
class "GtkProgressBar" style "ProgressBar"
#Widgets that have not been defined yet
class "GtkWidget" style "default"
AMD 64 X2 5200 + / K8NF-2 Ultra / HIPER HPU 700w / Sapphire X1950 XT CrossFire Limited 512mo / 2go DDR2 / 150go SATA 10000RPM
with Jaunty,
and eeePC 1000HE with Ubuntu netbook remix
Hors ligne
#8 Le 13/03/2008, à 00:32
- bigfooo
Re : Problème thèmes GTK2 et Firefox
Ouin, jvoulais garder les contrastes des couleurs proposés dans le themes, mais je crois que ca va etre hard pour debugger firefox, jai essayer le version 3 c'est la meme, allez up up
+
Hors ligne
#9 Le 24/03/2008, à 02:30
- Yvance77
Re : Problème thèmes GTK2 et Firefox
Hello
La seule soluce trouvée par tatonnement pour moi a consisté à prendre une partie d'un autre thême et de changer les couleurs dans cette section:
fg[NORMAL] = "#92b6f4" # texto principal (menu.pestaña,etc)
fg[PRELIGHT] = "#f57900" # texto zona iluminada
fg[ACTIVE] = "#f3f3f3" # texto zonas activas
fg[SELECTED] = "#f57900" # texto zonas seleccionadas
fg[INSENSITIVE] = "#111111" # zona no activable
bg[NORMAL] = "#4c4c4c" # fondo
bg[PRELIGHT] = "#3a588e" # zona iluminada
bg[ACTIVE] = "#3a588e" # zona activa
bg[SELECTED] = "#3a588e" #
bg[INSENSITIVE] = "#4e4e4e" # zona no activable
base[NORMAL] = "#6c6c6c" # fondo caja texto
base[PRELIGHT] = "#92b6f4" # borde selección de menu
base[ACTIVE] = "#3a588e" # seleccion sin foco
base[SELECTED] = "#4467a6" # texto seleccionado y linea de tabs
base[INSENSITIVE] = "#696969" # zonas inactivas
text[NORMAL] = "#000000" #
text[PRELIGHT] = "#ffffff" #
text[ACTIVE] = "#ffffff" #
text[SELECTED] = "#ffffff" #
text[INSENSITIVE] = "#696969" #
plus cette partie specifique à metacity ou j'avais du blanc que je ne voulais pas
style "metacity" {
bg[NORMAL] = "#f57900" # normal base color
bg[INSENSITIVE] = "#f57900" # unfocused titlebar background color
bg[SELECTED] = "#f57900" # focused titlebar background color
fg[INSENSITIVE] = "#f57900" # unfocused text color
fg[SELECTED] = "#f57900" # focused text color
fg[NORMAL] = "#f57900" # focused icon color
et depuis je peux lire et ecrire dans les zones sur les sites qui me posaient des soucis
Bye
Dernière modification par Yvance77 (Le 24/03/2008, à 02:32)
A trop vouloir faire de l'économie un idéal, nous faisons l'économie de l'Idéal !
Manjaro 20.01 - Mate 64 bits
CM : MSI B550 Tomahawk -- Proc : Ryzen 3600 6 coeurs -- CG : ATI Radeon RX550 -- RAM : Kingstone DDR4
Hors ligne
#10 Le 27/03/2008, à 15:30
- bigfooo
Re : Problème thèmes GTK2 et Firefox
slt
Merci pour cette précision, j'avais vus ce theme et jamais réussi a comprendre quoi fait quoi, merci pour la maj
+
Hors ligne
Pages : 1