kupfer icon indicating copy to clipboard operation
kupfer copied to clipboard

[Question] Layout & themes

Open krizajb opened this issue 7 years ago • 14 comments

Is it possible to change the kupfer layout, or to be more precise is it possible to disable/hide the right side of the GUI. I would just like to see left side (searched/found application) of the application. Oh is there maybe some cool place with published custom themes?

krizajb avatar Oct 04 '17 22:10 krizajb

No, this isn't possible, Kupfer just doesn't work that way. I don't know of any themes collection for Kupfer, but that doesn't mean anything 😄 Also see #83

SanskritFritz avatar Oct 06 '17 08:10 SanskritFritz

Cool, thanks! I ended up editing some of the lines to make it look nicer for my taste. One question though, couldn't find where the right corner "kupfer" string for the options drop down menu is stored, any hints? Oh and I would suggest you consider making some themes collection page, I'm sure it will fill up eventually! :) Thanks again!

krizajb avatar Oct 06 '17 09:10 krizajb

It was a plugin in kupfer 2.

SanskritFritz avatar Oct 06 '17 09:10 SanskritFritz

Kupfer isn't very beautiful. It varies by environment if you get a drop shadow on the window -- if you do, it looks a lot better than without, at least IMO.

GTK's css theming doesn't set out to allow changing layout, only colors and texture unfortunately.

bluss avatar Oct 06 '17 17:10 bluss

Quick question. I have installed a new icon theme on two linuxes. Both are running Plasma5. On one system Kupfer obeys the icon theme, on the other it doesn't. Do you know what the icon theme depends on regarding Kupfer?

SanskritFritz avatar Oct 06 '17 19:10 SanskritFritz

Something it gets through GTK at least, so it might be related to some gtk-to-qt bridging in configuration. Icons are loaded through GTK.

bluss avatar Oct 06 '17 19:10 bluss

I know that, but I hoped you could point me to a GTK related problem 😄

SanskritFritz avatar Oct 06 '17 20:10 SanskritFritz

I believe it can look good if you put some effort into it :) But that's only my personal opinion, here is what I came up with in the end (so far): 65712578c1447087b3f73d5aebcf7f870314071f954d9a70e6 pimgpsh_fullsize_distr

krizajb avatar Oct 06 '17 23:10 krizajb

@krizajb Nice. But How did you change the font size for lower description text? Can you show your code?

khurshid-alam avatar Oct 07 '17 06:10 khurshid-alam

Sorry that I am distant -- the Rust project has my heart and my time at the moment.

My question is the same as it has been before, what's the changes Kupfer can do to allow the users to do the changes they want (themes etc?)

bluss avatar Oct 07 '17 11:10 bluss

I am using kupfer 208, let me know if you are still interested in the changes made to get the looks seen above. Oh and the description text was small by default. I just removed the icons and made it completely black. Would love to remove the "kupfer" text, but currently have no will to browse the code :)

krizajb avatar Oct 07 '17 21:10 krizajb

@krizajb

Yes. I am still interested.

khurshid-alam avatar Oct 08 '17 10:10 khurshid-alam

Ok, So first I made a custom theme, called black and added it into Custom theme list:

BLACK_STYLE = """
style "black"
{
    ## Main Window
    KupferWindow :: corner-radius = 0
    KupferWindow :: opacity = 90
    KupferWindow :: decorated = 0
    KupferWindow :: border-width = 4

    ##Selected Item in Main Window
    MatchView :: corner-radius = 5
    MatchView :: opacity = 90

    ##Search List
    Search :: list-opacity = 90
    Search :: list-length = 200

    ##bg: background color
    bg[NORMAL] = "#000000"
    bg[SELECTED] = "#000000"
    bg[ACTIVE] = "#000000"
    bg[PRELIGHT] = "#000000"
    bg[INSENSITIVE] = "#000000"

    ##fg: foreground text color
    fg[NORMAL] = "#DDD"
    fg[SELECTED] = "#EEE"
    fg[ACTIVE] = "#EEE"
    fg[PRELIGHT] = "#EEE"
    fg[INSENSITIVE] = "#DDD"

    ##text: text color in input widget and treeview
    text[NORMAL] = "#EEE"
    text[SELECTED] = "#EEE"
    text[ACTIVE] = "#EEE"

    ##base: background color in input widget and treeview
    base[NORMAL] = "#000000"
    base[SELECTED] = "#000000"
    base[ACTIVE] = "#000000"
    base[PRELIGHT] = "#000000"
    base[INSENSITIVE] = "#000000"
}

##The main window is kupfer
widget "kupfer" style "black"
widget "kupfer.*" style "black"

##The result list is kupfer-list
widget "kupfer-list.*" style "black"
"""

all_styles = {
    'default': None,
    'square': SQUARE_STYLE,
    'dark': DARK_STYLE,
    'black': BLACK_STYLE,
}

customtheme.py can be found in the plugins folder. Mine is located at /usr/share/kupfer/kupfer/plugin. Second I get all the icons smaller by changing the size of an icon in icons.py located at /usr/share/kupfer/kupfer:

ICON_CACHE_SIZE = 15

LARGE_SZ = 1
SMALL_SZ = 1

And the last thing I did was enable the custom theme plugin, picked my newly created theme and enabled the Quicksilver icons plugin so the empty (null?) icon isn't displayed.

Good luck!

krizajb avatar Oct 11 '17 07:10 krizajb

You can hide/disable the "kupfer" label in the browser.py file by changing the line 2036 to btext = u"<b>\N{GEAR}</b>"

krizajb avatar Oct 31 '17 14:10 krizajb