Dark style in Cocoa?
I've seen a lot of apps with a dark style lately, not only high-end commercial ones, but also smaller apps from independent developers. Is there a setting in Cocoa for turning an app dark, just like with the metallic dialogs look years ago? How do they achieve it?
I've seen a lot of apps with a dark style lately, not only high-end commercial ones, but also smaller apps from independent developers. Is there a setting in Cocoa for turning an app dark, just like with the metallic dialogs look years ago? How do they achieve it?
Similar Messages
-
Can I use stylesheets to create multiple button styles?
I am trying to create a custom look-and-feel within UIX to get it as close as possible to
our existing application's look-and-feel.
As part of this, I customized the UIX button by overriding the following named style:
ButtonServerText
and also by providing my own icons for:
buttonStart
buttonEnd
buttonTopBackground
buttonBottomBackground
The good news is that I was able to get the button component to look exactly like our existing
application buttons.
The bad news is that we have different types of buttons in our application
for different purposes. (i.e. the image used for the button can be completely different based on the context e.g.
yellow button for important actions and light-blue buttons for secondary actions)
It seems like there is no way in which I can use this stylesheet mechanism to create different types of buttons
and use them within my application. (sometimes different types of buttons can appear on the same page)
Please let me know if there is a way.
This is in fact a general question regarding overriding a stylesheet for customizing look-and-feel.
Lets say I customize the "contentContainer" component using the stylesheet. This change would then be global.
But I do want to have different types of contentContainers in the application. I would be forced to create my own custom
UIX elements similar to contentContainer and write my own renderers.
(I know contentContainer does have the light, medium and dark styles. I used this just as an example.)
Please let me know what my options are.
Thanks,
Jayesh KapoorHi Jayesh -
The good news is that I was able to get the button
component to look exactly like our existing
application buttons.Cool - I'm glad to hear you were able to get this working!
The bad news is that we have different types of
buttons in our applicationRight. This is a fundamental limitation of our look and feel customization functionality - we only support global customizations, not instance-specific customizations. I agree that there are many cases where instance-level customization would be useful, but this just instance supported yet.
The only solution that I can think of for your button dilemma would be to use static images. It's pretty easy to wire up an image to behave like a button - just embed the image in a link and use <fireAction> as the link's primaryClientAction.
Obviously, the downside of this approach is that you need to create the button images manually - which also isn't ideal if you are planning to translate your applications. One possible solution here might be to use UIX to pre-generate your button images. The idea would be to create custom LAFs for each style of button, then create a UIX page for each button style, including <button> instances for each translated value. Then, you could configure UIX to run in the desired look and feel, hit the corresponding page, and UIX will generate the required buttons into your image cache. Again, not ideal, but this might be easier than creating the buttons by hand.
This is in fact a general question regarding
overriding a stylesheet for customizing
look-and-feel.
Lets say I customize the "contentContainer" component
using the stylesheet. This change would then be
global.
But I do want to have different types of
contentContainers in the application. I would be
forced to create my own custom
UIX elements similar to contentContainer and write my
own renderers.Right - this is a generic problem. But for some components, like content containers, an easier solution might be to leverage UIX's templating mechanism. Remember, you can embed arbitrary HTML contents in a UIX page/template by setting the namespace to "http://www.w3.org/TR/REC-html40". You can then reference these templates from your other UIX contents as if they were in fact UIX components. I'd recommend that you explore UIX's template support to see if this will meet your needs.
Andy -
Toggle Light / Dark UIStatusBarStyle
Is it possible to toggle between the 2 styles while in an app ?
I am using the dark style.. however I have a fullscreen black window that opens up. I want to switch to the light theme when that window is opened.
Any guidance here is appreciated.It is currently not possible to switch between the dark and light style at runtime. Kindly raise an enhancement request for the same.
-
Apple script to enable/disable dark menu bar and dock when sunsets/sunrises
Greetings,
Regarding the new dark menu bar and dock function in Yosemite. Would it be possible to write a script that would enable this function at a certain time say sunset and to disable it at another time say sunrise?
If so, is there anybody who could possibly help me write such a script or atlas point me in the right direction please?
Many thanks in advance
G_DAlthough you can set or remove the Dark interface style with defaults write syntax, the reset back to default (non-dark) interface will require a log-out/log-in cycle to entirely remove the Dark style. Toggling this style on and off in the System Preferences > General panel does not require the preceding log-out disruption. Unfortunately, other than possible GUI scripting, the Apple Script dictionary in Yosemite is very limited with respect to System Preferences access, and enabling/disabling the dark interface style.
-
trying to make sense of the fluid grid layout.
can you use <div class> in fluid grid layout?
is it best to only insert divs using the fluid grid layout div?
when you insert a new fluid grid div what is the difference between entering a new line or not?
the html structure seems to be the same regardless of if you start a new line or not, am i wrong?
any help would be appreciated!Ben Pleysier wrote:
It's not my code, just rubbish I pulled out of the Bootstrap example sites....plenty more like that........ how about this beauty:
<div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height parallax-fixed spb_content_element bg-type-cover col-sm-12 no-shadow hidden-xs remove-element-spacing col-natural" data-v-center="true" data-top-style="" data-bottom-style="" data-midnight="dark" style="background-color:#009fc2;margin-top:0px;margin-bottom:0px;background-image: url(http://www.thesign.pt/wp-content/uploads/2014/10/FM.jpg);">
I thought we were talking about Bootstrap. No Bootstrap in the above.
<body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-1172 node-type-static-page not-mobile region-content navbar-is-fixed-top" onunload="">
No Bootstrap here either.
<div class="col-lg-3 col-md-4 col-md-offset-1 col-sm-4 col-sm-offset-1 col-xs-22 col-xs-offset-2 col-lg-offset-0">
Please allow me to explain. Bootstrap is based on 12 columns regardless of screen size. Translating the above we get the following for each of the screen sizes
large 3 cols offset 0
medium 4 cols offset 1
small 4 cols offset 1
extra small 22 cols offset 2
Our attention immediately falls on the extra small device with 22 columns that are 2 columns offset, total 24 columns. How can this be when there are only 12 columns available. Why would one have offset columns on the smallest screen size when we are already battling for real-estate. I think that if we make the classes believable we can safely ignore the classes for the extra small device. Continuing, we see the same number of columns for medium and small and the same offset. Being a mobile first approach, the classes that we assign to small will filter through to larger screen sizes making the classes for medium screen sizes ineffective. Looking at the 0 offset for large screen sizes?? Why do that when it is the default value. In other words, had Bootstrap been applied properly, the tag would look like
<div class="col-sm-4 col-sm-offset-1 col-lg-3">
The other two examples are even more ridiculous. Once again, I implore you to start learning Bootstrap and you will come to the conclusion that you are supplying us with gibberish.
I'm not supplying the gibberish it's the many websites that rely on frameworks, be they Bootstrap/Foundation/Wordpress - whatever rubbish they are using that I'm lifting this code from that are supplying it.
Take the Bootstrap form - every form input field I observe is wrapped in a <div> tag, why - it's bloated and redundant coding. Bootstrap, much like Wordpress was never invented to be used to build websites.
That IS my whole point - there are numerous examples of where Bootstrap IS NOT being used properly because people rely on something they no nothing about and end up with verbose class names splattered around all over their pages, bloated js and css scripts because they are the default files which come with Bootstrap.
<div class="col-sm-4 col-sm-offset-1 col-lg-3"> to me this is still nasty and overly complex 'class' mark-up. A page full of this tripe would drive me insane.
The very worst people you could advise to use Bootstrap are the people in this forum because most will have little knowledge of coding (that's why they turn to a framework) and end up with a page full of crap.
And I'm not verbalising you - you said it yourself. People use lots of 'short cuts' - it doesnt mean it's a good approach to take. No ones re-inventing the wheel apart from Bootstrap, who are obviously trying too. Media queries already exist to produce responsive design, learn how to implement them and free yourself from being entrapped by frameworks where you have to use their naming convention, their break points by default, their over bloated js and css files and somethimes rubbish html mark-up. -
How to get murrine dust theme to work? (new concept theme for ubuntu)
hello!
i just want to try and install the new concept theme for ubuntu - DustTheme!
but i don't get it to work. it uses the murrine-engine - but when i want to select it via gtk-chtheme or gtk2_prefs it does not sets the colors or anything else. when i hit apply, the standard ugly gtk-theme will be selected.
anyone here who actually uses the theme?
more information:
DustTheme Ubuntu Wiki
installed packages:
gtk-engine-murrine 0.53.1
also tried: gtk-engine-murrine-svn rev 94
please help, thanks...
bye iggy
Last edited by iggy (2008-10-22 10:04:48)andrek wrote:There's a difference between the new SVN version of the Murrine engine and the Dust theme - you've got to change "profile" into "style" in theme's gtkrc file.
Hrm, I'm not quite sure what you mean. I don't see "profile" anywhere in the gtkrc - everything seems to be labeled as "style" already.
# Dust theme
# by Rico Sta. Cruz and Ricardo (Kido) Mariano III
# Last rev: Oct 4
# Set GtkSettings color scheme property.
# This can be overriden (via an xsetting) with eg. the gnome-appearance-properties.
#gtk_color_scheme = "fg_color:#323232\nbg_color:#e4e0d8\nbase_color:#fff\ntext_color:#323232\nselected_bg_color:#996B5C\nselected_fg_color:#fff\ntooltip_bg_color:#ebeab8\ntooltip_fg_color:#323232"
gtk_color_scheme = "fg_color:#323232\nbg_color:#D9D4CC\nbase_color:#fff\ntext_color:#323232\nselected_bg_color:#996B5C\nselected_fg_color:#fff\ntooltip_bg_color:#ebeab8\ntooltip_fg_color:#323232"
include "scrollbars/scrollbar.rc"
style "murrine-default"
# Style Properties
GtkScrolledWindow ::scrollbar-spacing = 3
GtkScrolledWindow ::scrollbar-within-bevel = 1
GtkButton ::child-displacement-x = 1
GtkButton ::child-displacement-y = 1
GtkButton ::default-border = { 0, 0, 0, 0 }
GtkButton ::focus-padding = 0
GtkCheckButton ::indicator-size = 14
GtkPaned ::handle-size = 6
GtkRange ::trough-border = 0
GtkRange ::slider-width = 15
GtkRange ::stepper-size = 15
GtkScale ::slider-length = 20
GtkScale ::trough-side-details = 0 # 0 = thin slider, >0 = thick slider
GtkScrollbar ::min-slider-length = 30
GtkMenuBar ::internal-padding = 0
GtkExpander ::expander-size = 16
GtkToolbar ::internal-padding = 1
GtkTreeView ::expander-size = 14
GtkTreeView ::vertical-separator = 0
GtkMenu ::horizontal-padding = 0
GtkMenu ::vertical-padding = 0
WnckTasklist ::fade-overlay-rect = 0
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[ACTIVE] = @fg_color
fg[INSENSITIVE] = darker (@bg_color)
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade (1.02, @bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = @bg_color
bg[ACTIVE] = shade (0.9, @bg_color)
base[NORMAL] = @base_color
base[PRELIGHT] = shade (0.95, @bg_color)
base[ACTIVE] = shade (0.9, @selected_bg_color)
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = @bg_color
text[NORMAL] = @text_color
text[PRELIGHT] = @text_color
text[ACTIVE] = @selected_fg_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = darker (@bg_color)
engine "murrine"
animation = TRUE # FALSE = disabled, TRUE = enabled
colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
contrast = 1.0 # 0.8 for less contrast, more than 1.0 for more contrast on borders
glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
gradient_shades = {1.1,1.0,1.0,0.87} # default: {1.1,1.0,1.0,1.1}
gradients = TRUE # FALSE = disabled, TRUE = enabled
highlight_ratio = 1.0 # set highlight amount for buttons or widgets
lightborder_ratio = 1.0 # sets lightborder amount for buttons or widgets
lightborderstyle = 0 # 0 = lightborder on top side, 1 = lightborder on all sides
listviewheaderstyle = 1 # 0 = flat, 1 = glassy, 2 = raised
listviewstyle = 0 # 0 = nothing, 1 = dotted
menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
menubarstyle = 1 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
menuitemstyle = 1 # 0 = flat, 1 = glassy, 2 = striped
menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
reliefstyle = 2 # 0 = flat, 1 = inset, 2 = shadow
rgba = FALSE # FALSE = disabled, TRUE = enabled
roundness = 2 # 0 = squared, 1 = old default, more will increase roundness
scrollbarstyle = 2 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
sliderstyle = 0 # 0 = nothing added, 1 = handles
stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
style "murrine-wide"
xthickness = 2
ythickness = 2
style "murrine-wider"
xthickness = 3
ythickness = 3
style "murrine-dark"
bg[NORMAL] = shade(0.24,@bg_color)
bg[SELECTED] = shade(0.9,@selected_bg_color)
bg[PRELIGHT] = shade (0.5, @selected_bg_color)
bg[ACTIVE] = mix (0.5, @selected_bg_color, shade(0.2,@bg_color))
bg[INSENSITIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (0.7, '#ffffef', @fg_color)
fg[PRELIGHT] = mix (0.8, '#ffffef', @fg_color)
fg[SELECTED] = mix (0.8, '#ffffef', @fg_color)
fg[ACTIVE] = mix (0.8, '#ffffef', @fg_color)
fg[INSENSITIVE] = mix (0.4, '#ffffef', @fg_color)
style "murrine-button"
xthickness = 3
ythickness = 3
bg[NORMAL] = shade (1.2, @bg_color)
bg[PRELIGHT] = shade (0.9, @bg_color) #mix(0.82,shade (1.3, @bg_color),@selected_bg_color)
bg[ACTIVE] = shade (0.85, @bg_color)
# SZ07: button engine changed to clearlooks.
# Change back to murrine to get the old dotted focus ring.
engine "clearlooks" {
contrast = 1.0
radius = 2.0
style = GUMMY
reliefstyle = 1
style "murrine-toolbar" = "murrine-default"
xthickness = 4
ythickness = 3
bg[NORMAL] = shade(0.88,@bg_color)
bg[PRELIGHT] = shade(0.88,@bg_color)
bg[ACTIVE] = shade(0.88,@bg_color)
bg[SELECTED] = shade(0.88,@bg_color)
bg[INSENSITIVE] = shade(0.88,@bg_color)
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[SELECTED] = @text_color
fg[ACTIVE] = @text_color
fg[INSENSITIVE] = @text_color
fg[NORMAL] = @text_color
text[NORMAL] = @text_color
#engine "murrine" {
# gradient_shades = {1.1,1.0,1.0,0.85}
engine "pixmap"
image {
function = BOX
file = "toolbar_light.png"
border = {1,1,1,1}
image {
function = HANDLE
overlay_file = "handlebox.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
image {
function = HANDLE
overlay_file = "handlebox.png"
overlay_stretch = FALSE
orientation = VERTICAL
style "murrine-toolbar-item" = "murrine-toolbar"
bg[NORMAL] = shade(0.88,@bg_color)
bg[PRELIGHT] = shade(1.1,@bg_color)
bg[ACTIVE] = shade(0.6,@bg_color)
fg[INSENSITIVE] = shade(0.6,@bg_color)
fg[ACTIVE] = @selected_fg_color
text[ACTIVE] = @selected_fg_color
engine "clearlooks" {
contrast = 1.0
radius = 2.0
style = GUMMY
reliefstyle = 1
style "murrine-toolbar-sep" = "murrine-toolbar-item"
bg[NORMAL] = shade(0.5, @bg_color)
style "murrine-dark-toolbar" = "murrine-dark"
xthickness = 6
bg[PRELIGHT] = mix (0.3, @selected_bg_color, shade(0.2,@bg_color))
bg[SELECTED] = mix (0.3, @selected_bg_color, shade(0.2,@bg_color))
bg[ACTIVE] = mix (0.5, @selected_bg_color, shade(0.2,@bg_color))
engine "murrine"{
gradient_shades = {1.3,1.1,1.1,0.9}
style = MURRINE
style "murrine-dark-toolbar-sep" = "murrine-dark-toolbar"
{ xthickness = 2 }
style "pixmap-dark-toolbar" = "murrine-dark-toolbar"
# To-do: make the toolbar recolorable, possibly without using pixmaps
# We only like this because of the top line, anyway.
engine "pixmap"{
image {
function = BOX
file = "toolbar_o.png"
border = {1,1,1,1}
image
function = HANDLE
overlay_file = "handlebox.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
image
function = HANDLE
overlay_file = "handlebox.png"
overlay_stretch = FALSE
orientation = VERTICAL
style "murrine-notebook-bg" = "murrine-default"
bg[NORMAL] = shade (1.05, @bg_color)
bg[SELECTED] = shade (1.05, @bg_color)
xthickness = 2
style "murrine-notebook" = "murrine-notebook-bg"
xthickness = 2
style "murrine-tasklist"
xthickness = 3
ythickness = 3
style "murrine-panel" = "murrine-dark" {
bg[NORMAL] = shade (0.15, @bg_color)
engine "murrine" {
style "murrine-menu" = "murrine-dark"
xthickness = 0
ythickness = 2
bg[NORMAL] = shade (0.15, @bg_color)
text[NORMAL] = @bg_color
text[PRELIGHT] = @selected_fg_color
style "murrine-menu-item" = "murrine-dark"
xthickness = 0
ythickness = 3
engine "murrine" {
roundness = 0
contrast = 0.2
gradient_shades = {1.0,0.9,0.9,0.7}
style "murrine-separator-menu-item"
GtkSeparatorMenuItem::horizontal-padding = 0
GtkWidget::wide-separators = 1
GtkWidget::separator-width = 1
GtkWidget::separator-height = 1
xthickness = 1
ythickness = 0
style "murrine-treeview"
# Based on the default style so that the colors from the button
# style are overriden again.
style "murrine-treeview-header" = "murrine-default"
xthickness = 2
ythickness = 1
bg[NORMAL] = shade(0.9, @bg_color)
bg[PRELIGHT] = shade(1.0, @bg_color)
bg[ACTIVE] = shade(0.8, @bg_color)
GtkWidget::focus-line-width = 0
engine "murrine" {
gradient_shades = {1.3,1.0,1.0,1.1}
style = MURRINE
contrast = 0.5
glazestyle = 1
listviewheaderstyle = 1
# SZ07: This is added to tell the theme how to color checkmarks and radio items that are not in menus.
style "murrine-radiocheck" = "murrine-default"
text[NORMAL] = shade (1.15, @bg_color) # Color for checks/radio items.
text[PRELIGHT] = @selected_fg_color # Color for selected checks/radio items.
engine "murrine"{
style "murrine-tooltips"
xthickness = 4
ythickness = 4
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
style "murrine-progressbar"
xthickness = 1
ythickness = 1
fg[PRELIGHT] = @selected_fg_color
engine "murrine"
style = NODOKA
#I want my shiny progressbar!
#gradient_shades = {1.3,1.1,0.9,1.0}
style "pixmap-statusbar" = "murrine-default"
ythickness = 3
xthickness = 3
engine "pixmap"
image
function = RESIZE_GRIP
recolorable = TRUE
detail = "statusbar"
overlay_file = "statusgrip.png"
overlay_border = {0,0,0,0}
overlay_stretch = TRUE
image
function = SHADOW
shadow = IN
file = "blank.png"
image
function = SHADOW
shadow = OUT
file = "blank.png"
image
function = SHADOW
shadow = ETCHED_IN
file = "blank.png"
image
function = SHADOW
shadow = ETCHED_OUT
file = "blank.png"
style "murrine-comboboxentry"
style "murrine-spinbutton"
style "murrine-scale"
bg[PRELIGHT] = shade(0.9,@bg_color)
engine "murrine"{
gradient_shades = {1.3,1.1,0.9,1.0}
style "murrine-hscale" = "murrine-scale"
style "murrine-vscale" = "murrine-scale"
style "murrine-scrollbar"
bg[ACTIVE] = "#fff"
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade(0.9,@bg_color)
engine "murrine"{
gradient_shades = {1.1,1.0,1.0,0.9}
contrast = 1.4
style "murrine-hscrollbar" = "murrine-scrollbar"
style "murrine-vscrollbar" = "murrine-scrollbar"
style "murrine-menubar" = "murrine-dark"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
style "murrine-frame"
#Uncomment for dark statusbars. Breaks some apps.
#bg[ACTIVE] = shade(0.2,@bg_color)
#fg[NORMAL] = mix (1.5, @fg_color, '#ffffff')
#fg[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
style "murrine-frame-title" = "murrine-frame"
fg[NORMAL] = lighter (@fg_color)
style "murrine-nautilus-location"
bg[NORMAL] = mix(0.60, shade (1.05,@bg_color), @selected_bg_color)
# Matches
# murrine default style is applied to every widget
class "GtkWidget" style "murrine-default"
# Increase the x/ythickness in some widgets
class "GtkRange" style "murrine-default"
class "GtkFrame" style "murrine-frame"
class "GtkSeparator" style "murrine-wide"
class "GtkEntry" style "murrine-wider"
class "GtkStatusbar" style "pixmap-statusbar"
class "GtkMenuBar" style:highest "murrine-menubar"
# Toolbar default: dark
#class "*HandleBox" style "pixmap-dark-toolbar"
#class "GtkToolbar" style "pixmap-dark-toolbar"
#widget_class "*HandleBox" style "pixmap-dark-toolbar"
#widget_class "*<GtkToolbar>.*" style "murrine-dark-toolbar"
# Toolbar default: light
class "*HandleBox" style "murrine-toolbar"
class "GtkToolbar" style "murrine-toolbar"
widget_class "*HandleBox" style "murrine-toolbar"
widget_class "*<GtkToolbar>.*" style "murrine-toolbar-item"
# Place this fix far above so overrides work better
# Affects: gedit sidebar, GCstar, meld
style "murrine-toolbar-flat"
engine "murrine"
toolbarstyle = 0
widget_class "*.*.*.*.*.*Toolbar*" style "murrine-toolbar-flat"
widget_class "*.*.*.*.*.*HandleBox*" style "murrine-toolbar-flat"
# Toolbar exceptions:
# Browser-type and viewer-type applications get a dark toolbar.
# Everything below the toolbar for these apps are the content. This will make
# a separation on function (toolbar) and content (client area).
# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
style "murrine-text-is-fg-color-workaround"
text[NORMAL] = @fg_color
text[PRELIGHT] = @fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
widget_class "*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround"
style "murrine-text-is-fg-color-workaround-dark"
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
# Nautilus toolbar: dark
widget_class "*Nautilus*Toolbar*" style "pixmap-dark-toolbar"
widget_class "*Nautilus*Tool*GtkButton" style "murrine-dark-toolbar"
widget_class "*Nautilus*Tool*.*.*" style "murrine-dark-toolbar"
widget_class "*Nautilus*Tool*GtkToggleButton" style "murrine-dark-toolbar"
widget_class "*Nautilus*Tool*Separator*" style "murrine-dark-toolbar-sep"
widget_class "*Nautilus*Tool*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
# Evince/EOG: dark
widget_class "*EggEditable*Toolbar*" style "pixmap-dark-toolbar"
widget_class "*EggEditable*Toolbar*.*.*.*" style "murrine-dark-toolbar"
widget_class "*EggEditable*Tool*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
widget "*fullscreen-toolbar" style "pixmap-dark-toolbar"
widget "*fullscreen-toolbar.*" style "murrine-dark-toolbar"
# Epiphany: dark
widget_class "*EphyToolbar*" style "pixmap-dark-toolbar"
widget_class "*EphyToolbar*.*.*.*" style "murrine-dark-toolbar"
widget_class "*EphyTool*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
# F-Spot(?): dark
widget_class "*Spot*Toolbar*" style "pixmap-dark-toolbar"
widget_class "*Spot*Toolbar*.*.*.*" style "murrine-dark-toolbar"
widget_class "*Spot*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
# Gedit: Dark
widget_class "*edit*Toolbar*" style "pixmap-dark-toolbar"
widget_class "*edit*Toolbar*.*" style "murrine-dark-toolbar"
widget_class "*edit*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
# Brasero: Dark
widget_class "*rasero*Toolbar*" style "pixmap-dark-toolbar"
widget_class "*rasero*Toolbar*.*" style "murrine-dark-toolbar"
widget_class "*rasero*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
#gThumb: dark
widget_class "*Gth*Toolbar*" style "pixmap-dark-toolbar"
widget_class "*Gth*Toolbar*.*" style "murrine-dark-toolbar"
widget_class "*Gth*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
widget_class "*GthFull*" style "pixmap-dark-toolbar" #Doesn't work
class "GtkSpinButton" style "murrine-spinbutton"
class "GtkScale" style "murrine-scale"
class "GtkVScale" style "murrine-vscale"
class "GtkHScale" style "murrine-hscale"
class "GtkScrollbar" style "murrine-scrollbar"
class "GtkVScrollbar" style "murrine-vscrollbar"
class "GtkHScrollbar" style "murrine-hscrollbar"
class "GtkButton" style "murrine-button"
class "GtkRadioButton*" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
class "GtkCheckButton" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
# General matching following, the order is choosen so that the right styles override each other
# eg. progressbar needs to be more important then the menu match.
widget_class "*<GtkNotebook>*<GtkEventBox>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>*<GtkLayout>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>" style "murrine-notebook"
widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
widget_class "*<GtkMenu>*" style "murrine-menu"
widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
widget_class "*<GtkFrame>" style "murrine-frame"
widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
widget_class "*.<GtkTreeView>*" style "murrine-treeview"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkProgressBar>" style "murrine-progressbar"
# Treeview header
widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
#Panel
widget "*PanelWidget*" style "murrine-panel"
widget "*PanelApplet*" style "murrine-panel"
widget "*fast-user-switch*" style "murrine-panel" # Workaround for Fast User Switch applet
class "PanelApp*" style "murrine-panel"
class "PanelToplevel*" style "murrine-panel"
#The panel menubar
widget_class "*Panel*<GtkMenuBar>*" style:highest "murrine-panel"
# The window of the tooltip is called "gtk-tooltip"
widget "gtk-tooltip*" style "murrine-tooltips"
# Special cases and work arounds
# Workarounds for Evolution
widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
#Firefox isn't nice to dark themes, so unset the dark stuff.
widget "MozillaGtkWidget*Toolbar*" style "murrine-default"
#widget "MozillaGtkWidget*Frame*" style "murrine-default"
#Thunderbird too. But since Thunderbird uses the same theming engine as FF2, things are worse for us.
style "murrine-menuitem-text-is-fg-color-workaround"
#text[NORMAL] = @fg_color
#text[PRELIGHT] = @selected_fg_color
#text[SELECTED] = @selected_fg_color
#text[ACTIVE] = @fg_color
#text[INSENSITIVE] = darker (@bg_color)
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the
# base color set.
style "murrine-fg-is-text-color-workaround"
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[ACTIVE] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
widget_class "*<GtkListItem>*" style "murrine-fg-is-text-color-workaround"
# The same problem also exists for GtkCList and GtkCTree
# Only match GtkCList and not the parent widgets, because that would also change the headers.
widget_class "*<GtkCList>" style "murrine-fg-is-text-color-workaround"
style "murrine-evo-new-button-workaround"
engine "murrine"
toolbarstyle = 0
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
#Rhythmbox toolbar near the search entry. Use default + wide so that it doesn't turn dark.
style "murrine-rhythmbox-header" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine" {
widget "*RBSourceHeader*" style:highest "murrine-rhythmbox-header"
widget "*swt*toolbar*" style "murrine-default"
# RSC: Fix for CPU frequency applet
style "applet-text" = "murrine-panel"
fg[NORMAL] = @bg_color
widget_class "*CPUFreqApplet*" style:highest "applet-text"
style "murrine-dialog" = "murrine-dark"
bg[NORMAL] = mix(0.4, @selected_bg_color, shade(0.7, @bg_color))
fg[NORMAL] = shade(0.5, @fg_color)
text[NORMAL] = shade(0.5, @text_color)
style "murrine-dialog-button" = "murrine-dark"
bg[NORMAL] = shade(0.15, @bg_color)
bg[PRELIGHT] = shade(0.18, @bg_color)
# Dialog boxes...?
# widget_class "*Dialog*" style "murrine-dialog"
# widget_class "*Dialog*.*" style "murrine-dialog"
# widget_class "*Dialog*.*Button*" style "murrine-dialog-button" -
MinimalComps Accordion question
I'm making an application somewhat like a simplified photoshop app. I am using minimalcomps accordion component to make the layers list and have run into some difficulties.
What I want to do is have the accordion component with different heights depending on the content in each window. For example some layers might be a simple colour picker, and others could be text layers with more options. It seems that the accordion component uses uniform height for all windows.
I also have found when adding new windows using addWindowAt it seems to resize the whole accordion component. Originally it had a nice window area, but as soon as I add another window they all get resized to the minimum height
This is a cut down test case of my problem. I have 2 accordion components which are slightly different.
Note: you will need the font PF Ronda added to the project (users of minimal comps would already be familiar with this)
[CODE]package
// display
import flash.display.*;
import flash.events.Event;
// bit101 components
import com.bit101.components.*;
public class NewClass extends Sprite
private var myAccordion1:Accordion;
private var myAccordion2:Accordion;
public function NewClass()
// style light or dark
Style.setStyle(Style.LIGHT);
/// panel 1
var myPanel:Panel = new Panel(this, 0, 0);
myPanel.setSize(340, 480);
var addLayerBtn1:PushButton = new PushButton(myPanel, 10, 10, "+ 1", addLayer1);
myAccordion1 = new Accordion(myPanel, 0, 120);
myAccordion1.width = 340;
myAccordion1.height = 360;
// changing titles here from the default
myAccordion1.getWindowAt(0).title = "Window 0";
myAccordion1.getWindowAt(1).title = "Window 1";
myAccordion1.addWindowAt("Added Window 2", 2);
myAccordion1.addWindowAt("Added Window 3", 3);
myAccordion1.addWindowAt("Added Window 4", 4);
myAccordion1.addWindowAt("Added Window 5", 5);
myAccordion1.addWindowAt("Added Window 6", 6);
myAccordion1.addWindowAt("Added Window 7", 7);
myAccordion1.addWindowAt("Added Window 8", 8);
// a colour chooser component
var colChoose:ColorChooser = new ColorChooser(myAccordion1.getWindowAt(0), 0, 0, 0xff0000, colourChanger);
colChoose.name = "colChooseFrontMain";
colChoose.usePopup = true;
/// panel 2
var myPanel2:Panel = new Panel(this, 600, 0);
myPanel2.setSize(340, 480);
var addLayerBtn2:PushButton = new PushButton(myPanel2, 10, 10, "+ 1", addLayer2);
myAccordion2 = new Accordion(myPanel2, 0, 120);
myAccordion2.width = 340;
// height not set
private function colourChanger():void
// does nothing
private function addLayer1(e:Event):void
myAccordion1.addWindowAt("Added Window 9", 9);
private function addLayer2(e:Event):void
myAccordion2.addWindowAt("Added Window", 2);
}[/CODE]
when i create the accordion component (initially the component starts with 2 windows in it) i just renamed them and added some content to it
after i call either addWindow() or addWindowAt() - it then resizes all windows to the minimum window height which looks to be the same as the title bars height.
I can see in the documentation all sorts of height and width settings, but for the life of me I cant work out which one affects the height of the individual accordion boxes. Any hints/help/code would be greatly appreciated.I'm making an application somewhat like a simplified photoshop app. I am using minimalcomps accordion component to make the layers list and have run into some difficulties.
What I want to do is have the accordion component with different heights depending on the content in each window. For example some layers might be a simple colour picker, and others could be text layers with more options. It seems that the accordion component uses uniform height for all windows.
I also have found when adding new windows using addWindowAt it seems to resize the whole accordion component. Originally it had a nice window area, but as soon as I add another window they all get resized to the minimum height
This is a cut down test case of my problem. I have 2 accordion components which are slightly different.
Note: you will need the font PF Ronda added to the project (users of minimal comps would already be familiar with this)
[CODE]package
// display
import flash.display.*;
import flash.events.Event;
// bit101 components
import com.bit101.components.*;
public class NewClass extends Sprite
private var myAccordion1:Accordion;
private var myAccordion2:Accordion;
public function NewClass()
// style light or dark
Style.setStyle(Style.LIGHT);
/// panel 1
var myPanel:Panel = new Panel(this, 0, 0);
myPanel.setSize(340, 480);
var addLayerBtn1:PushButton = new PushButton(myPanel, 10, 10, "+ 1", addLayer1);
myAccordion1 = new Accordion(myPanel, 0, 120);
myAccordion1.width = 340;
myAccordion1.height = 360;
// changing titles here from the default
myAccordion1.getWindowAt(0).title = "Window 0";
myAccordion1.getWindowAt(1).title = "Window 1";
myAccordion1.addWindowAt("Added Window 2", 2);
myAccordion1.addWindowAt("Added Window 3", 3);
myAccordion1.addWindowAt("Added Window 4", 4);
myAccordion1.addWindowAt("Added Window 5", 5);
myAccordion1.addWindowAt("Added Window 6", 6);
myAccordion1.addWindowAt("Added Window 7", 7);
myAccordion1.addWindowAt("Added Window 8", 8);
// a colour chooser component
var colChoose:ColorChooser = new ColorChooser(myAccordion1.getWindowAt(0), 0, 0, 0xff0000, colourChanger);
colChoose.name = "colChooseFrontMain";
colChoose.usePopup = true;
/// panel 2
var myPanel2:Panel = new Panel(this, 600, 0);
myPanel2.setSize(340, 480);
var addLayerBtn2:PushButton = new PushButton(myPanel2, 10, 10, "+ 1", addLayer2);
myAccordion2 = new Accordion(myPanel2, 0, 120);
myAccordion2.width = 340;
// height not set
private function colourChanger():void
// does nothing
private function addLayer1(e:Event):void
myAccordion1.addWindowAt("Added Window 9", 9);
private function addLayer2(e:Event):void
myAccordion2.addWindowAt("Added Window", 2);
}[/CODE]
when i create the accordion component (initially the component starts with 2 windows in it) i just renamed them and added some content to it
after i call either addWindow() or addWindowAt() - it then resizes all windows to the minimum window height which looks to be the same as the title bars height.
I can see in the documentation all sorts of height and width settings, but for the life of me I cant work out which one affects the height of the individual accordion boxes. Any hints/help/code would be greatly appreciated. -
GTK theme, FF buttons problem
Hello,
I recently moved to Macchiato gtk theme, which is very nice. Sadly it has a problem with Firefox/Thunderbird buttons that I'm unable to fix. Explained by images:
no mouse over button:
(if you look closer, you'll see that text is barely visible, but bg/fg colors are almost same)
mouse over button:
I tried playing with gtkrc, no luck. I'm using gtk-engine-murrine svn as of Feb 26.
Help please.
gtkrc for convenience
# Macchiato
# by Jesse L. Kay
# Last revision: 29 December 2008
# Set GtkSettings color scheme property.
# This can be overriden (via an xsetting) with eg. the gnome-appearance-properties.
gtk_color_scheme = "fg_color:#323232\nbg_color:#D3CAAA\nbase_color:#DED4B3\ntext_color:#323232\nselected_bg_color:#9C9478\nselected_fg_color:#fff\ntooltip_bg_color:#ebeab8\ntooltip_fg_color:#323232"
style "murrine-default"
# Style Properties
GtkButton ::child-displacement-x = 1
GtkButton ::child-displacement-y = 1
GtkButton ::default-border = { 0, 0, 0, 0 }
GtkCheckButton ::indicator-size = 14
GtkPaned ::handle-size = 6
GtkRange ::trough-border = 1
GtkRange ::slider-width = 8
GtkRange ::stepper-size = 13
GtkScale ::slider-length = 14
GtkScale ::slider-width = 8
GtkScale ::stepper-size = 13
GtkScale ::trough-side-details = 0
GtkScrollbar ::min-slider-length = 30
GtkMenuBar ::internal-padding = 0
GtkExpander ::expander-size = 16
GtkToolbar ::internal-padding = 1
GtkTreeView ::expander-size = 12
GtkTreeView ::vertical-separator = 0
GtkOptionMenu ::indicator-size = 0
GtkMenu ::horizontal-padding = 0
GtkMenu ::vertical-padding = 0
GtkScrolledWindow::scrollbar-spacing = 3
GtkNotebook::tab-curvature = 3
GtkNotebook::tab-overlap = 4
# Glow the tasklist by changing the color, instead of overlaying it with a rectangle
WnckTasklist ::fade-overlay-rect = 0
#WnckTasklist ::fade-loop-time = 5.0
#WnckTasklist ::fade-opacity = 0.7
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
fg[ACTIVE] = shade (0.60, @fg_color) #pidgin tabs, unselected tabs
bg[NORMAL] = @bg_color
bg[ACTIVE] = shade (0.60, @bg_color)
bg[PRELIGHT] = shade (0.6, @bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = shade (1.03,@bg_color)
base[NORMAL] = @base_color
base[PRELIGHT] = @base_color
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = @bg_color
base[ACTIVE] = @selected_bg_color
text[NORMAL] = @text_color
text[PRELIGHT] = @text_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = @text_color
text[ACTIVE] = @text_color
# window background
bg_pixmap[NORMAL] = "window-bg.png"
engine "murrine"
animation = TRUE # FALSE = disabled, TRUE = enabled
colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
contrast = 0.8 # 0.8 for less contrast, more than 1.0 for more contrast on borders
glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
gradient_shades = {1.09,1.01,1.01,0.9} # default: {1.1,1.0,1.0,1.1}
gradients = TRUE # FALSE = disabled, TRUE = enabled
highlight_ratio = 1.0 # set highlight amount for buttons or widgets
lightborder_ratio = 1.3 # sets lightborder amount for buttons or widgets
lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
listviewheaderstyle = 2 # 0 = flat, 1 = glassy, 2 = raised
listviewstyle = 1 # 0 = nothing, 1 = dotted
menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
menuitemstyle =0 # 0 = flat, 1 = glassy, 2 = striped
menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
rgba = TRUE # FALSE = disabled, TRUE = enabled
roundness = 0 # 0 = squared, 1 = old default, more will increase roundness
scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
sliderstyle = 0 # 0 = nothing added, 1 = handles
stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
style "murrine-wide"
xthickness = 2
ythickness = 2
style "murrine-wider"
xthickness = 3
ythickness = 3
style "murrine-dark"
bg[NORMAL] = shade(0.2,@bg_color)
bg[SELECTED] = shade(0.9,@selected_bg_color)
bg[PRELIGHT] = shade (0.5, @selected_bg_color)
bg[ACTIVE] = mix (0.5, @selected_bg_color, shade(0.2,@bg_color))
bg[INSENSITIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (0.9, '#ffffef', @fg_color)
fg[PRELIGHT] = mix (0.8, '#ffffef', @fg_color)
fg[SELECTED] = mix (0.8, '#ffffef', @fg_color)
fg[ACTIVE] = mix (0.8, '#ffffef', @fg_color)
fg[INSENSITIVE] = mix (0.9, '#ffffef', @fg_color)
style "murrine-button"
xthickness = 3
ythickness = 3
text[NORMAL] = "#000000"
text[PRELIGHT] = shade (0.20, @bg_color)
text[ACTIVE] = "#000000"
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade (1.20, @bg_color)
bg[ACTIVE] = @bg_color
fg[NORMAL] = @bg_color
style "murrine-toolbar" = "murrine-dark"
bg[SELECTED] = "#363330"
bg[NORMAL] = "#363330"
bg[PRELIGHT] = "#363330"
bg[ACTIVE] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
profile = MURRINE
style "murrine-notebook-bg" = "murrine-default"
bg[NORMAL] = shade (1.05, @bg_color)
bg[ACTIVE] = shade (0.95, @bg_color)
xthickness = 2
style "murrine-notebook" = "murrine-notebook-bg"
xthickness = 2
style "murrine-tasklist"
xthickness = 3
ythickness = 3
style "murrine-panel" = "murrine-dark" {
xthickness = 3
ythickness = 3
bg[NORMAL] = "#4D453F"
bg[PRELIGHT] = shade (0.5, @bg_color)
bg[ACTIVE] = "#45413E"
fg[NORMAL] = @bg_color
fg[PRELIGHT] = @bg_color
fg[ACTIVE] = @bg_color
engine "murrine" {
roundness = 1
rgba = TRUE
highlight_ratio = 1.0
reliefstyle = 2
contrast = 0.8
style "murrine-menu" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
text[NORMAL] = @bg_color
text[PRELIGHT] = @selected_fg_color
style "murrine-menu-item" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
engine "murrine" {
roundness = 0
contrast = 0.2
style "murrine-separator-menu-item"
GtkSeparatorMenuItem::horizontal-padding = 0
GtkWidget::wide-separators = 1
GtkWidget::separator-width = 1
GtkWidget::separator-height = 1
xthickness = 1
ythickness = 0
style "murrine-treeview"
# Based on the default style so that the colors from the button
# style are overriden again.
style "murrine-treeview-header" = "murrine-button"
xthickness = 2
ythickness = 1
GtkWidget::focus-line-width = 0
engine "murrine" {
# SZ07: This is added to tell the theme how to color checkmarks and radio items that are not in menus.
style "murrine-radiocheck" = "murrine-default"
text[NORMAL] = shade (1.15, @bg_color) # Color for checks/radio items.
text[PRELIGHT] = @selected_fg_color # Color for selected checks/radio items.
engine "murrine"{
style "murrine-tooltips"
xthickness = 4
ythickness = 4
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
style "murrine-progressbar"
xthickness = 1
ythickness = 1
fg[PRELIGHT] = @selected_fg_color
bg[SELECTED] = "#9C9478"
style "murrine-comboboxentry"
style "murrine-spinbutton"
style "murrine-scale"
bg[PRELIGHT] = shade(0.9,@bg_color)
style "murrine-hscale" = "murrine-scale"
style "murrine-vscale" = "murrine-scale"
style "murrine-scrollbar"
bg[NORMAL] = shade (1.0, @bg_color)
engine "murrine" {
#highlight_ratio = 1.3
scrollbar_color = "#9C9478"
#glazestyle = 0
roundness = 1
rgba = FALSE
GtkRange ::trough-border = 3
style "murrine-hscrollbar" = "murrine-scrollbar"
style "murrine-vscrollbar" = "murrine-scrollbar"
style "murrine-menubar" = "murrine-dark"
bg[NORMAL] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
style "murrine-frame"
#Uncomment for dark statusbars. Breaks some apps.
bg[ACTIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (1.5, @fg_color, '#ffffff')
fg[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
style "murrine-frame-title" = "murrine-frame"
fg[NORMAL] = lighter (@fg_color)
style "murrine-nautilus-location"
bg[NORMAL] = mix(0.60, shade (1.05,@bg_color), @selected_bg_color)
# Matches
# murrine default style is applied to every widget
class "GtkWidget" style "murrine-default"
# Increase the x/ythickness in some widgets
class "GtkRange" style "murrine-default"
class "GtkFrame" style "murrine-frame"
class "GtkSeparator" style "murrine-wide"
class "GtkEntry" style "murrine-wider"
class "GtkStatusbar" style "murrine-default"
class "GtkToolbar" style "murrine-toolbar"
class "GtkMenuBar" style:highest "murrine-menubar"
class "*HandleBox" style "murrine-toolbar"
widget_class "*HandleBox" style "murrine-toolbar"
class "GtkSpinButton" style "murrine-spinbutton"
class "GtkScale" style "murrine-scale"
class "GtkVScale" style "murrine-vscale"
class "GtkHScale" style "murrine-hscale"
class "GtkScrollbar" style "murrine-scrollbar"
class "GtkVScrollbar" style "murrine-vscrollbar"
class "GtkHScrollbar" style "murrine-hscrollbar"
class "GtkButton" style "murrine-button"
class "GtkRadioButton*" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
class "GtkCheckButton" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
# General matching following, the order is choosen so that the right styles override each other
# eg. progressbar needs to be more important then the menu match.
widget_class "*<GtkNotebook>*<GtkEventBox>" style "murrine-notebook-bg"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>*<GtkLayout>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>" style "murrine-notebook"
widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
widget_class "*<GtkMenu>*" style "murrine-menu"
widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
widget_class "*<GtkFrame>" style "murrine-frame"
widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
widget_class "*.<GtkTreeView>*" style "murrine-treeview"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkProgressBar>" style "murrine-progressbar"
# Treeview header
widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*<GtkToolbar>.*" style "murrine-toolbar"
#Panel
widget "*PanelWidget*" style "murrine-panel"
widget "*PanelApplet*" style "murrine-panel"
widget "*fast-user-switch*" style "murrine-panel" # Workaround for Fast User Switch applet
class "PanelApp*" style "murrine-panel"
class "PanelToplevel*" style "murrine-panel"
#The panel menubar
widget_class "*Panel*<GtkMenuBar>*" style:highest "murrine-panel"
# The window of the tooltip is called "gtk-tooltip"
widget "gtk-tooltip*" style "murrine-tooltips"
# Special cases and work arounds
# Fixes toolbars inside frames. Will be overridden later.
style "murrine-toolbar-flat" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine"
toolbarstyle = 0
widget_class "*.*.*.*.*.*Toolbar*" style "murrine-toolbar-flat"
widget_class "*.*.*.*.*.*HandleBox*" style "murrine-toolbar-flat"
#Undo for Epiphany (FIXME find a better way to do this)
#widget_class "*EphyToolbar*" style "pixmap-toolbar"
#widget_class "*EphyToolbar*.*.*.*" style "murrine-toolbar"
# Workarounds for Evolution
widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
#Firefox isn't nice to dark themes, so unset the dark stuff.
#widget "MozillaGtkWidget*Toolbar*" style "murrine-default"
#widget "MozillaGtkWidget*Frame*" style "murrine-default"
#Thunderbird too. But since Thunderbird uses the same theming engine as FF2, things are worse for us.
# Special case the nautilus-extra-view-widget
# ToDo: A more generic approach for all applications that have a widget like this.
widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
style "murrine-text-is-fg-color-workaround"
text[NORMAL] = @fg_color
text[PRELIGHT] = @fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
widget_class "*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround"
style "murrine-text-is-fg-color-workaround-dark"
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget_class "*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
style "murrine-menuitem-text-is-fg-color-workaround"
#text[NORMAL] = @fg_color
#text[PRELIGHT] = @selected_fg_color
#text[SELECTED] = @selected_fg_color
#text[ACTIVE] = @fg_color
#text[INSENSITIVE] = darker (@bg_color)
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the
# base color set.
style "murrine-fg-is-text-color-workaround"
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[ACTIVE] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
widget_class "*<GtkListItem>*" style "murrine-fg-is-text-color-workaround"
# The same problem also exists for GtkCList and GtkCTree
# Only match GtkCList and not the parent widgets, because that would also change the headers.
widget_class "*<GtkCList>" style "murrine-fg-is-text-color-workaround"
#Rhythmbox toolbar near the search entry. Use default + wide so that it doesn't turn dark.
style "murrine-rhythmbox-header" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine" {
widget "*RBSourceHeader*" style:highest "murrine-rhythmbox-header"
widget "*HeaderToolbar*" style:highest "murrine-rhythmbox-header"
widget "*FooterToolbar*" style:highest "murrine-rhythmbox-header"
widget "*swt*toolbar*" style "murrine-default"
#Evolution toolbar
style "murrine-evo-new-button-workaround" = "murrine-dark"
engine "murrine"
toolbarstyle = 0
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
# RSC: Fix for CPU frequency applet
style "applet-text" = "murrine-panel"
fg[NORMAL] = @bg_color
widget_class "*CPUFreqApplet*" style:highest "applet-text"Hello,
I recently moved to Macchiato gtk theme, which is very nice. Sadly it has a problem with Firefox/Thunderbird buttons that I'm unable to fix. Explained by images:
no mouse over button:
(if you look closer, you'll see that text is barely visible, but bg/fg colors are almost same)
mouse over button:
I tried playing with gtkrc, no luck. I'm using gtk-engine-murrine svn as of Feb 26.
Help please.
gtkrc for convenience
# Macchiato
# by Jesse L. Kay
# Last revision: 29 December 2008
# Set GtkSettings color scheme property.
# This can be overriden (via an xsetting) with eg. the gnome-appearance-properties.
gtk_color_scheme = "fg_color:#323232\nbg_color:#D3CAAA\nbase_color:#DED4B3\ntext_color:#323232\nselected_bg_color:#9C9478\nselected_fg_color:#fff\ntooltip_bg_color:#ebeab8\ntooltip_fg_color:#323232"
style "murrine-default"
# Style Properties
GtkButton ::child-displacement-x = 1
GtkButton ::child-displacement-y = 1
GtkButton ::default-border = { 0, 0, 0, 0 }
GtkCheckButton ::indicator-size = 14
GtkPaned ::handle-size = 6
GtkRange ::trough-border = 1
GtkRange ::slider-width = 8
GtkRange ::stepper-size = 13
GtkScale ::slider-length = 14
GtkScale ::slider-width = 8
GtkScale ::stepper-size = 13
GtkScale ::trough-side-details = 0
GtkScrollbar ::min-slider-length = 30
GtkMenuBar ::internal-padding = 0
GtkExpander ::expander-size = 16
GtkToolbar ::internal-padding = 1
GtkTreeView ::expander-size = 12
GtkTreeView ::vertical-separator = 0
GtkOptionMenu ::indicator-size = 0
GtkMenu ::horizontal-padding = 0
GtkMenu ::vertical-padding = 0
GtkScrolledWindow::scrollbar-spacing = 3
GtkNotebook::tab-curvature = 3
GtkNotebook::tab-overlap = 4
# Glow the tasklist by changing the color, instead of overlaying it with a rectangle
WnckTasklist ::fade-overlay-rect = 0
#WnckTasklist ::fade-loop-time = 5.0
#WnckTasklist ::fade-opacity = 0.7
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
fg[ACTIVE] = shade (0.60, @fg_color) #pidgin tabs, unselected tabs
bg[NORMAL] = @bg_color
bg[ACTIVE] = shade (0.60, @bg_color)
bg[PRELIGHT] = shade (0.6, @bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = shade (1.03,@bg_color)
base[NORMAL] = @base_color
base[PRELIGHT] = @base_color
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = @bg_color
base[ACTIVE] = @selected_bg_color
text[NORMAL] = @text_color
text[PRELIGHT] = @text_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = @text_color
text[ACTIVE] = @text_color
# window background
bg_pixmap[NORMAL] = "window-bg.png"
engine "murrine"
animation = TRUE # FALSE = disabled, TRUE = enabled
colorize_scrollbar = TRUE # FALSE = disabled, TRUE = enabled
contrast = 0.8 # 0.8 for less contrast, more than 1.0 for more contrast on borders
glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave style, 3 = top curved highlight, 4 = beryl highlight
gradient_shades = {1.09,1.01,1.01,0.9} # default: {1.1,1.0,1.0,1.1}
gradients = TRUE # FALSE = disabled, TRUE = enabled
highlight_ratio = 1.0 # set highlight amount for buttons or widgets
lightborder_ratio = 1.3 # sets lightborder amount for buttons or widgets
lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
listviewheaderstyle = 2 # 0 = flat, 1 = glassy, 2 = raised
listviewstyle = 1 # 0 = nothing, 1 = dotted
menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
menuitemstyle =0 # 0 = flat, 1 = glassy, 2 = striped
menustyle = 0 # 0 = no vertical menu stripe, 1 = display vertical menu stripe
reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow
rgba = TRUE # FALSE = disabled, TRUE = enabled
roundness = 0 # 0 = squared, 1 = old default, more will increase roundness
scrollbarstyle = 0 # 0 = nothing, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
sliderstyle = 0 # 0 = nothing added, 1 = handles
stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles, 2 = unknown
# style = MURRINE # engine style options: CANDIDO, CLEARLOOKS, MIST, MURRINE, NODOKA
toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
style "murrine-wide"
xthickness = 2
ythickness = 2
style "murrine-wider"
xthickness = 3
ythickness = 3
style "murrine-dark"
bg[NORMAL] = shade(0.2,@bg_color)
bg[SELECTED] = shade(0.9,@selected_bg_color)
bg[PRELIGHT] = shade (0.5, @selected_bg_color)
bg[ACTIVE] = mix (0.5, @selected_bg_color, shade(0.2,@bg_color))
bg[INSENSITIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (0.9, '#ffffef', @fg_color)
fg[PRELIGHT] = mix (0.8, '#ffffef', @fg_color)
fg[SELECTED] = mix (0.8, '#ffffef', @fg_color)
fg[ACTIVE] = mix (0.8, '#ffffef', @fg_color)
fg[INSENSITIVE] = mix (0.9, '#ffffef', @fg_color)
style "murrine-button"
xthickness = 3
ythickness = 3
text[NORMAL] = "#000000"
text[PRELIGHT] = shade (0.20, @bg_color)
text[ACTIVE] = "#000000"
bg[NORMAL] = @bg_color
bg[PRELIGHT] = shade (1.20, @bg_color)
bg[ACTIVE] = @bg_color
fg[NORMAL] = @bg_color
style "murrine-toolbar" = "murrine-dark"
bg[SELECTED] = "#363330"
bg[NORMAL] = "#363330"
bg[PRELIGHT] = "#363330"
bg[ACTIVE] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
profile = MURRINE
style "murrine-notebook-bg" = "murrine-default"
bg[NORMAL] = shade (1.05, @bg_color)
bg[ACTIVE] = shade (0.95, @bg_color)
xthickness = 2
style "murrine-notebook" = "murrine-notebook-bg"
xthickness = 2
style "murrine-tasklist"
xthickness = 3
ythickness = 3
style "murrine-panel" = "murrine-dark" {
xthickness = 3
ythickness = 3
bg[NORMAL] = "#4D453F"
bg[PRELIGHT] = shade (0.5, @bg_color)
bg[ACTIVE] = "#45413E"
fg[NORMAL] = @bg_color
fg[PRELIGHT] = @bg_color
fg[ACTIVE] = @bg_color
engine "murrine" {
roundness = 1
rgba = TRUE
highlight_ratio = 1.0
reliefstyle = 2
contrast = 0.8
style "murrine-menu" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
text[NORMAL] = @bg_color
text[PRELIGHT] = @selected_fg_color
style "murrine-menu-item" = "murrine-dark"
xthickness = 3
ythickness = 3
bg[NORMAL] = "#363330"
engine "murrine" {
roundness = 0
contrast = 0.2
style "murrine-separator-menu-item"
GtkSeparatorMenuItem::horizontal-padding = 0
GtkWidget::wide-separators = 1
GtkWidget::separator-width = 1
GtkWidget::separator-height = 1
xthickness = 1
ythickness = 0
style "murrine-treeview"
# Based on the default style so that the colors from the button
# style are overriden again.
style "murrine-treeview-header" = "murrine-button"
xthickness = 2
ythickness = 1
GtkWidget::focus-line-width = 0
engine "murrine" {
# SZ07: This is added to tell the theme how to color checkmarks and radio items that are not in menus.
style "murrine-radiocheck" = "murrine-default"
text[NORMAL] = shade (1.15, @bg_color) # Color for checks/radio items.
text[PRELIGHT] = @selected_fg_color # Color for selected checks/radio items.
engine "murrine"{
style "murrine-tooltips"
xthickness = 4
ythickness = 4
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
style "murrine-progressbar"
xthickness = 1
ythickness = 1
fg[PRELIGHT] = @selected_fg_color
bg[SELECTED] = "#9C9478"
style "murrine-comboboxentry"
style "murrine-spinbutton"
style "murrine-scale"
bg[PRELIGHT] = shade(0.9,@bg_color)
style "murrine-hscale" = "murrine-scale"
style "murrine-vscale" = "murrine-scale"
style "murrine-scrollbar"
bg[NORMAL] = shade (1.0, @bg_color)
engine "murrine" {
#highlight_ratio = 1.3
scrollbar_color = "#9C9478"
#glazestyle = 0
roundness = 1
rgba = FALSE
GtkRange ::trough-border = 3
style "murrine-hscrollbar" = "murrine-scrollbar"
style "murrine-vscrollbar" = "murrine-scrollbar"
style "murrine-menubar" = "murrine-dark"
bg[NORMAL] = "#363330"
engine "murrine"{
gradient_shades = {1.0,0.9,0.9,0.75}
style "murrine-frame"
#Uncomment for dark statusbars. Breaks some apps.
bg[ACTIVE] = shade(0.2,@bg_color)
fg[NORMAL] = mix (1.5, @fg_color, '#ffffff')
fg[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
style "murrine-frame-title" = "murrine-frame"
fg[NORMAL] = lighter (@fg_color)
style "murrine-nautilus-location"
bg[NORMAL] = mix(0.60, shade (1.05,@bg_color), @selected_bg_color)
# Matches
# murrine default style is applied to every widget
class "GtkWidget" style "murrine-default"
# Increase the x/ythickness in some widgets
class "GtkRange" style "murrine-default"
class "GtkFrame" style "murrine-frame"
class "GtkSeparator" style "murrine-wide"
class "GtkEntry" style "murrine-wider"
class "GtkStatusbar" style "murrine-default"
class "GtkToolbar" style "murrine-toolbar"
class "GtkMenuBar" style:highest "murrine-menubar"
class "*HandleBox" style "murrine-toolbar"
widget_class "*HandleBox" style "murrine-toolbar"
class "GtkSpinButton" style "murrine-spinbutton"
class "GtkScale" style "murrine-scale"
class "GtkVScale" style "murrine-vscale"
class "GtkHScale" style "murrine-hscale"
class "GtkScrollbar" style "murrine-scrollbar"
class "GtkVScrollbar" style "murrine-vscrollbar"
class "GtkHScrollbar" style "murrine-hscrollbar"
class "GtkButton" style "murrine-button"
class "GtkRadioButton*" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
class "GtkCheckButton" style "murrine-radiocheck" # SZ07: Added for the checkmarks/radio
# General matching following, the order is choosen so that the right styles override each other
# eg. progressbar needs to be more important then the menu match.
widget_class "*<GtkNotebook>*<GtkEventBox>" style "murrine-notebook-bg"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>*<GtkLayout>" style "murrine-notebook-bg"
widget_class "*<GtkNotebook>" style "murrine-notebook"
widget_class "*<GtkComboBoxEntry>*" style "murrine-comboboxentry"
widget_class "*<GtkCombo>*" style "murrine-comboboxentry"
widget_class "*<GtkMenu>*" style "murrine-menu"
widget_class "*<GtkMenuItem>*" style "murrine-menu-item"
widget_class "*<GtkSeparatorMenuItem>*" style "murrine-separator-menu-item"
widget_class "*<GtkFrame>" style "murrine-frame"
widget_class "*.<GtkFrame>.<GtkLabel>" style "murrine-frame-title"
widget_class "*.<GtkTreeView>*" style "murrine-treeview"
widget_class "*<GtkStatusbar>*" style "murrine-wider"
widget_class "*<GtkProgressBar>" style "murrine-progressbar"
# Treeview header
widget_class "*.<GtkTreeView>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCTree>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*.<GtkCList>.<GtkButton>" style "murrine-treeview-header"
widget_class "*<GtkToolbar>.*" style "murrine-toolbar"
#Panel
widget "*PanelWidget*" style "murrine-panel"
widget "*PanelApplet*" style "murrine-panel"
widget "*fast-user-switch*" style "murrine-panel" # Workaround for Fast User Switch applet
class "PanelApp*" style "murrine-panel"
class "PanelToplevel*" style "murrine-panel"
#The panel menubar
widget_class "*Panel*<GtkMenuBar>*" style:highest "murrine-panel"
# The window of the tooltip is called "gtk-tooltip"
widget "gtk-tooltip*" style "murrine-tooltips"
# Special cases and work arounds
# Fixes toolbars inside frames. Will be overridden later.
style "murrine-toolbar-flat" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine"
toolbarstyle = 0
widget_class "*.*.*.*.*.*Toolbar*" style "murrine-toolbar-flat"
widget_class "*.*.*.*.*.*HandleBox*" style "murrine-toolbar-flat"
#Undo for Epiphany (FIXME find a better way to do this)
#widget_class "*EphyToolbar*" style "pixmap-toolbar"
#widget_class "*EphyToolbar*.*.*.*" style "murrine-toolbar"
# Workarounds for Evolution
widget_class "*.ETable.ECanvas" style "murrine-treeview-header"
widget_class "*.ETree.ECanvas" style "murrine-treeview-header"
#Firefox isn't nice to dark themes, so unset the dark stuff.
#widget "MozillaGtkWidget*Toolbar*" style "murrine-default"
#widget "MozillaGtkWidget*Frame*" style "murrine-default"
#Thunderbird too. But since Thunderbird uses the same theming engine as FF2, things are worse for us.
# Special case the nautilus-extra-view-widget
# ToDo: A more generic approach for all applications that have a widget like this.
widget "*.nautilus-extra-view-widget" style : highest "murrine-nautilus-location"
# Work around for http://bugzilla.gnome.org/show_bug.cgi?id=382646
style "murrine-text-is-fg-color-workaround"
text[NORMAL] = @fg_color
text[PRELIGHT] = @fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
widget_class "*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround"
style "murrine-text-is-fg-color-workaround-dark"
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget_class "*Toolbar*.<GtkComboBox>.<GtkCellView>" style "murrine-text-is-fg-color-workaround-dark"
style "murrine-menuitem-text-is-fg-color-workaround"
#text[NORMAL] = @fg_color
#text[PRELIGHT] = @selected_fg_color
#text[SELECTED] = @selected_fg_color
#text[ACTIVE] = @fg_color
#text[INSENSITIVE] = darker (@bg_color)
#Make it work with this theme!
text[NORMAL] = mix (1.5, @fg_color, '#ffffff')
text[PRELIGHT] = mix (1.4, @fg_color, '#ffffff')
widget "*.gtk-combobox-popup-menu.*" style "murrine-menuitem-text-is-fg-color-workaround"
# Work around the usage of GtkLabel inside GtkListItems to display text.
# This breaks because the label is shown on a background that is based on the
# base color set.
style "murrine-fg-is-text-color-workaround"
fg[NORMAL] = @text_color
fg[PRELIGHT] = @text_color
fg[ACTIVE] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = darker (@bg_color)
widget_class "*<GtkListItem>*" style "murrine-fg-is-text-color-workaround"
# The same problem also exists for GtkCList and GtkCTree
# Only match GtkCList and not the parent widgets, because that would also change the headers.
widget_class "*<GtkCList>" style "murrine-fg-is-text-color-workaround"
#Rhythmbox toolbar near the search entry. Use default + wide so that it doesn't turn dark.
style "murrine-rhythmbox-header" = "murrine-default"
xthickness = 3
ythickness = 3
engine "murrine" {
widget "*RBSourceHeader*" style:highest "murrine-rhythmbox-header"
widget "*HeaderToolbar*" style:highest "murrine-rhythmbox-header"
widget "*FooterToolbar*" style:highest "murrine-rhythmbox-header"
widget "*swt*toolbar*" style "murrine-default"
#Evolution toolbar
style "murrine-evo-new-button-workaround" = "murrine-dark"
engine "murrine"
toolbarstyle = 0
widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
# RSC: Fix for CPU frequency applet
style "applet-text" = "murrine-panel"
fg[NORMAL] = @bg_color
widget_class "*CPUFreqApplet*" style:highest "applet-text" -
How to make selections in Photoshop CS2???
Hello, I ran into a little issue doing this tutorial http://www.webdesign.org/web/photoshop/web-layout/dark-style-web-template.16864.html
In this tutorial it tells you in 2 different sections to make a selection i'm guessing with the marquee tool. The first is in the header section (which looks sorta triangular) and the second is the menu bar which they ask you to select the top half. In both request they tell you to fill in with white and then turn the opacity to 5%. Now to my knowledge when you use the marquee tool I have no clu how they made the marquee tool "hug" the graphic the way it does in the images in the tutorial. even in the second one it seems to cut the rounded rectangle in half but the marquee hugs the curves of the top half of the rounded rectangle. Plus when I do use the marquee tool and try to "fill" it won't let me. I had to use the rectangle marquee tool and "layer via copy" to cut the image in half then fill that in white and reduce the opacity to 5%. I seem to get the same result but I definetely feel that there's something i'm missing. In my Total Training dvd's I remember learning to use the left and right arrow key to tighten the marquee to an object but I believe that is in FireWorks. Is there some shortcut to do it in PS? Please Help!........ Very frustrated but very dedicated to learning web design.for the first selection Ctrl+Click on the Vector Mask thumbnail to load it as a selection and then select the Polygonal Lasso Tool and set Subtract from Selection in the Options Bar and cut the first selection to get that. Same thing for the second one
http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-76faa.html -
Script to enable/disable audio/videotracks
Hi,
Trying this:
function SwitchOffVideoOutput (vtracks,activeSeq)
var active_seq = activeSeq;
var videotracks = active_seq.videoTracks;
alert("numTracks: "+ videotracks.numTracks);
track = vtracks.split("|");
for (i=0; i <= track.length; i++) {
alert("Switching off: "+ track[i]);
// Would like to do something like this:
// videotracks[track].enabled=false;
// videotracks[track].output=false;
// Renaming sequence from A to B
tmp = active_seq.name;
tmp = tmp.replace("_A","_B");
alert(tmp);
//active_seq.name = tmp;
SwitchOffVideoOutput ("2|3|4",app.project.activeSequence);
// But also would like to do this:
var myColl = app.project.selection;
for (i=0; i <= myColl.length; i++) {//loop through the project
alert(myColl.name)
SwitchOffVideoOutput ("2|3|4",myColl.name);
// SwitchOffVideoOutput and rename selection in Premiere ProAlthough you can set or remove the Dark interface style with defaults write syntax, the reset back to default (non-dark) interface will require a log-out/log-in cycle to entirely remove the Dark style. Toggling this style on and off in the System Preferences > General panel does not require the preceding log-out disruption. Unfortunately, other than possible GUI scripting, the Apple Script dictionary in Yosemite is very limited with respect to System Preferences access, and enabling/disabling the dark interface style.
-
DVShade Color Grading Plugin Update
Hello to all,
I've just updated the DVShade plugin, it now consists of one plugin, DVShade EasyLooks. This plugin is comparable to Magic Bullet Editors Looks but costs much much less. I have included some presets with it as well. Check out the site http://www.dvshade.com for more info.
I will also be launching a new plugin within the next month entitled DVShade Toon'In. This will give your digital videos a cartoon look a la Waking Life or A Scanner Darkly style.
Reflection V2 is still in the works, I have had to change it to the FxPlug API as the FXScript API is giving me less than stellar results. The good news is that it will be OpenGL accelerated and will work in Final Cut Pro, Final Cut Express 4, and now Motion.
Thank you all for the support, and if anyone has a cool idea for a plugin, or is in dire need of one, feel free to forward it to me at [email protected] Anything I create for you will be freely available on my site so that everyone can benefit from it.
Thanks again,
Trevor Anderson
http://www.dvshade.comJust exactly what is it you're wanting to accomplish? FCP has an amazing variety of color tools contained within it's tool set, although not nearly as surgical as Shake.
Colorista II ain't worth the money to me as it's really no different than the 3Way with the exception that you can make power windows without layering. Boris also has some sort of new 3Way corrector that if I were to buy a plug, I'd most likely get over Colorista II. -
For Photoshop CS6, how about add option to set a dark user interface style [UI skin] like Premiere Pro or Lightroom? It's very helpful to be able to work on images in a dark interface because it enhances our eyes' perception of color. Can this be possible in CS6?
Actually, there is some value in changing the background color.
Contrast of the image with surrounding gray values does affect your perception of tone and saturation in the image.
So you want to view the image with a surround that comes close to the value that the final result will be viewed in.
For print, that means a 50% gray or lighter surround (mimicking the world).
For video that means something darker but not really black.
And for movies you want a nearly black surround.
Unfortunately, OS controls/widgets aren't designed to do that. Premiere and AE managed it by creating all their own controls and not using OS controls. -
Cocoa and notifications balloons.
Hi, there
Now I'm writing simple app which fetch data from my server. I want to show notification balloons like Gmail Notifier app (dark windows appeared at the top-right corner of screen). How I can do that in Cocoa?
PS. I know that I can use growl, but I wanna make really cool app, that doesn't require any third-party libraries (but can use them, if they are present).
PPS. I don't need compatibility with OSX < 10.5.
Thx for advice.
Best regards, Gleb M. Borisov.You could try activating a HUD style palette when you want a notification and then have it close after a delay. A HUD palette has the appearance you're looking for. You could even get it to fade in and out.
-
MacBook Air Boots to OS, then screen goes dark.
I have recently been working on an older style (A1304) MacBook Air with the 128GB SSD. I've been working on Mac's for years, and have worked on hundreds, but this is the first time I've ever come across this particular issue.
Liquid damaged MacBook Air. Keyboard and Trackpad mainly took the brunt of the spill. Popped off the keys, cleaned it all up. Button for the trackpad no longer works, but everything else does. Entire computer was disassembled, no other liquid was found.
MacBook Air boots up normally, and I was using it for a few hours to make sure everything was working fine. Left it to charge. Came back two hours later, and the screen was dark (but the image was still visible, as if the backlight was not on). Could see the mouse pointer moving, but backlight won't come back on. Turned off computer, turned it back on. Backlight works just fine, and it boots to the OS. Within 10 seconds of booting to OS, the screen goes dark (screen goes completely black with no image). Couple seconds later, light on the front starts to "breathe" indicating it's sleeping. Wake it back up, and image appears on the screen, but no backlight. Then it "goes to sleep" again.
Boot computer to a Flash Drive with Snow Leopard Installer and once the blue screen comes on as if the installer is just about to pop up, it "goes to sleep" immediaetly. Though, the backlight and computer will stay on in the Apple Hardware Test for as long as I want. (ran it several times, "no trouble found". Also reset the PRAM, nothing helps.
I was wondering if anyone has ever come across this. Completely baffled on whether it's a software or hardware (or combination of the both) issue I'm having.The keyboard and trackpad reside on top of the motherboard and all the components of the computer. The keyboard and trackpad are not liquid proof. It is VERY likely that the liquid made its way to the motherboard and has affected those components. If EVER there is liquid spilled on a computer, the last thing you want to do is A. Turn it on to make sure it is working.. and B. Plug it in and charge it. Do the EXACT opposite. Unplug and turn off all power, and, if possible, remove the battery from it. The liquid itself doesnt do the damage...the damage is done when the liquid comes in contact with the circuits and shorts out the contacts and components. You could try to connect to an external monitor, if you have the means to do so, to see if it makes a difference, but it probably will not. I seems that the motherboard is not functioning correctly.
-
How can I create a different hyperlink style for my footer only?
My footer is dark so the site hyperlink styles don't look good. I'm sure there must be a way to set footer specific hyperlink styles, but I cannot find out how to do it. Please help!
Thanks.Thanks, Sanjit. Your answer brought me one step closer.
For anyone in future who is trying to find the answer to this question, here's what to do:
1. Go to Site Properties > Content tab. Click the "new link style" icon below the window.
2. Rename the style and then adjust the hyperlink properties.
3. Back on your page, create a hyperlink in the usual way, then click on the orange Hyperlinks beside the Add or filter links dropdown field to get the hyperlinks popup box. Go to the dropdrown field called Text Link Style and select your new style.
Maybe you are looking for
-
How to use the updated value in the same update statement
Hello, I just wonder how to use the updated new value of other column in the same udpate statement. I am using Oracle 11.2, and want to update the two columns with one update statement as following: create table tb_test (id number(5), tot number(5),
-
Can no longer download journal articles with Safari or Firefox
As of three weeks ago I am no longer able to download and save journal articles, though I am able to read them. I can save documents when there is simply a "save" or "view" button indicated next to a document in small blue letters if I click the "sa
-
HP Officejet Pro 8500 wireless Networking with LINKSYS WRT54GS wireless router
I have a HP Officejet Pro 8500 wireless printer conneted via WiFi to my LYNKSYS WRT54GS wireless router. I do not have a USB cable or ethernet cable plugged to the printer. I am able to use the 'scan to email button' and the 'scan to network folder
-
Ipod freezes when trying to sync/sometimes reboots my computer?!?
I have a 20 gig ipod from 2004 (click-wheel with no color screen) that I have been trying to update my library on. Every time it tries to sync, it freezes and I have to plug it into the power supply in order to restart it. It also won't take any new
-
I need to re-lead the bios on aspire 3100, can't find file
Anyone know where I can get the bios file for aspire 3100. I reset the windows vista before selling itand now it won't boot. disconnected hard drive and still no initial boot, want to re-load bios. HELP! the buyer wants to pick it up soon.