Coder Social home page Coder Social logo

ubuntubudgie / pocillo-gtk-theme Goto Github PK

View Code? Open in Web Editor NEW
47.0 9.0 10.0 25.76 MB

GTK+ 3.22 & GTK+ 4 based theme for the Budgie Desktop that has Material Design elements and styled using the Arc colour palette

Home Page: https://ubuntubudgie.org

License: GNU General Public License v2.0

Shell 3.58% SCSS 93.06% Meson 3.36%
ubuntu-budgie ubuntu gtk-theme gtk3-theme gtk4-theme linux theme

pocillo-gtk-theme's People

Contributors

actionless avatar archangegabriel avatar ccat3z avatar ceyhunn avatar dependabot[bot] avatar derekstavis avatar ebonjaeger avatar fossfreedom avatar hrdwrrsk avatar igor-dyatlov avatar jacalz avatar jntesteves avatar jyhi avatar laurenttreguier avatar lelgenio avatar lokesh-krishna avatar mintsuki avatar monday15 avatar moukoublen avatar n3oxmind avatar nana-4 avatar olegkrikun avatar robinvalk avatar samlane-ma avatar sjugge avatar smurphos avatar svnset avatar t-chaik avatar tiz-huglife avatar trwnh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

pocillo-gtk-theme's Issues

Unable to build project for GTK2

When I run make all, I get this (new) error:

<pre>** Matching Colors
cd ./src/gtk-3.0/gtk-common/ &amp;&amp; ./recolor-assets.sh &gt; /dev/null
** Generating GTK2...
#cd ./src/gtk-2.0 &amp;&amp; ./recolor-assets.sh
** Generating GTK3...
for color in &apos;&apos; &apos;-dark&apos; &apos;-light&apos;; do \
  for size in &apos;&apos; &apos;-slim&apos;; do \
    for version in &apos;3.22&apos;; do \
      sassc -M -t expanded src/gtk-3.0/$version/gtk$color$size.{scss,css}; \
    done; \
  done; \
done
** Generating the CSS...
** Generating the Assets...
cd ./src/gtk-3.0/gtk-common/ &amp;&amp; find . -type f -name *.png -exec rm -v &apos;{}&apos; + &gt; /dev/null
cd ./src/gtk-2.0/ &amp;&amp; find . -type f -name *.png -exec rm -v &apos;{}&apos; + &gt; /dev/null
cd ./src/gtk-3.0/gtk-common/ &amp;&amp; ./render-assets.sh &gt; /dev/null
make: *** [Makefile:20: assets] Error 1
</pre>

I'm trying to build the project for both GTK2 & GTK3, but I can't. I don't know what's going on.

Button Colour misleading

I have experience today that the button colour tricked me to think that is was unsuccessful.
Perhaps a better choice of colour would be beneficial.

The screenshot is from MySQL Workbench when I test my connection before saving it.

What do you think? I would be happy to help improve this, but would like input first, as it would limit the iterations until something is "accepted".

connections_succesful_button

Revert titlebar changes

Let's test a revert of 1462247 with the latest mutter changes. Hopeful that double height issues are resolved together with the odd adwaita styling of windows with pocillo-dark

Styling nautilus files

I'm currently trying to add a different background to any other element of lists and I found the correct css classes for basically all lists except the files-view in nautilus. Unfortunately that's the single one case where this theming is most useful, so I was wondering if anyone could tell me which classes need to be used for changing the background-color of a row in the nautilus files-view.

Any help is appreciated. :)

Adjusting spacing for Nemo Sidebar Buttons and Titlebar

Make Nemo look a little more like Nautilus could significantly increase the appeal.

What could enhance the looks would be making the sidebar buttons higher, as well as increasing the height of the title bar.

Here is the code for the GTK-3 theme. The changes need to be retrofit into the sass code.

Line 1.207:

.ssd decoration {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
padding-top: 14px;
padding-bottom: 14px;
/* added padding top and bottom */
}

This increases the height of the title in Nemo and Gtk-2 applications, so they match height of the title bar in Nautilus.

Line 6.676:

.nemo-window scrolledwindow.frame .view:not(:selected) {
background-color: transparent;
padding-top: 4px;
padding-bottom: 3px;
/* added top and bottom padding */
}

This increase the height of the buttons in Nemo’s sidebar. The buttons now match the height of the buttons in Nautilus’ sidebar.

Screenshot from 2019-11-26 17-37-13

Wrong color of menu bar font

Hi!
I like pocillo theme, but after gnome-shell update to version 3.28.3 color of font got too dark
image
image
image

I use pocillo-slim version

Checkbox buttons hover highlight is truncated

Similar to this issue, for apps that have multiple checkboxes in a grid (in this case budgie desktop - weathershow applet) the top-bottom checkbox hover highlight is truncated.
The highlight slightly overlaps the label of the checkbox as well.

image

Ubuntu Budgie 21.10 Pocillo 0.13.93

[UB 20.10] Firefox menu bar transparent gap

On Ubuntu Budgie 20.10 with any of the 6 Pocillo theme choices, on my 15.6" 4K Dell XPS laptop, there is a consistent 1 pixel transparent gap underneath the Firefox menu bar:
budgie-bug2
Scaled up for easier viewing:
budgie-bug3

This doesn't occur on any of the other supplied themes, so does appear to be an issue with Pocillo. As I'm not familiar with which elements are involved, can someone point me at what changes I can test?

Shuffler help is incorrect when using the Pocillo theme

Outline

Currently, when looking at the shuffler help, the theming looks incorrect and is hard to read.

shuffler-help

Current Theme Settings

theme

System Versions

Distro

cat /etc/lsb-release 
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=19.04
DISTRIB_CODENAME=disco
DISTRIB_DESCRIPTION="Ubuntu Disco Dingo (development branch)"

Desktop

budgie-desktop --version
budgie-desktop 10.5
Copyright © 2014-2019 Budgie Desktop Developers

Merge latest changes from pop-gtk-theme

Lets look over the cosmic branch of pop-gtk-theme and merge in the relevant bits and bobs

Only need to merge in standard GTK stuff - not GNOME Shell/XFCE or other DE specifics.

Note - the cosmic and bionic branches are very different so if we are going to cherry pick, testing is a must.

Pocillo is based on the bionic branch.

If set vertical left, panel no longer shows « underlining » for running app’s?

Hi,

Ubuntu-Budgie 18.04 here.

when at horizontal bottom screen, icon task list in a pocillo themed panel shows underlining for running app’s, in minimized windows.
( if size of panel is big enough, though ).

If set to vertical left side of screen, there is no way to see those underlining, whatever size of panel.
pocillo_panel_underlining
I'd expect some underlining at the left of icon for running app's.

[UB 20.10] Cannot select text from edge

In Ubuntu Budgie 20.10 with any of the Pocillo theme variants, when an application (eg Gnome-terminal or Gedit) is maximised there is a window border at the left preventing selecting text from the edge.

The Yaru theme for example doesn't have this 1-2 pixels border at the left when applications are maximised, therefore allowing selection of text from the left edge of the screen, improving usability.

It would be great if someone could check if this can be adjusted.

Notification close button not visible

Reporter Info

  • Pocillo version: 0.9
  • GTK3 version: 3.24.33
  • Distribution (and version): Solus Budgie 4.3
  • Related application (and version): notifications

Notification close button not visible

Pocillo theme
invisible-close-button

Materia
materia

Qogir
qogir

The close button is visible when hovering the mouse on the notification where the close button is.
mouse-hover

Row Highlighting after Swapping Panes in Nemo

Problem as posted on GitHub for Nemo:
4.2.3
Nemo window
Ubuntu Budgie 19.10
? Nvidia 340.107
64

The selection and highlighting of a row isn’t what I would expect.
If I hover over a row in paneA it is highlighted slightly, if I then click it, it shows that it is selected by being highlighted strongly and I can now do things to that row. For example if I click and hold, I can drag and drop it.

If I then move the pointer to paneB, I can do the same, and the same happens, but sensibly the row in paneA also stays highlighted strongly - to me this indicates that it will still be selected if the pointer returns to that pane.

However, If I now go back to the row in paneA, although it is still highlighted, I can’t move it after click and hold. Presumably because it is no longer selected despite being strongly highlighted.

This is inconsistent.

I would prefer it to have stayed selected for that pane, so one row is highlighted in each pane.

If that were thought to be confusing, and it was decided that only one row in total could be highlighted in the Nemo window, I think that when I switch to the other pane, it should lose its highlighting to show that it is no longer selected.

Answer from Github for Nemo:
...this generic over-ride css in ~/.config/gtk-3.0/gtk.css. If you don't have this file create a empty one. It should in theory be theme agnostic, but results may vary depending on system theme.

.nemo-window .nemo-inactive-pane .view,
.nemo-window .nemo-inactive-pane iconview,
.nemo-window .nemo-inactive-pane .view:selected,
.nemo-window .nemo-inactive-pane iconview:selected {
background-color: shade(@theme_bg_color, 1.05);
color: @theme_fg_color;
}

shutdown nemo with the command nemo -q and reopen nemo.

Re-port PopOS theme with pocillo colours

PopOS has reworked its theme massively.

Lets look to fork this theme again - replace the colours with Pocillo defaults and readd the budgie, nemo & slick greeter components

Clocworks strings need new translation

While fixing ClockWorks for 19.04, found out that the strings [" Frame color", " Hours color", " Minutes color"] are ugly to translate. I separated the leading space from the string -> needs new translations.

Investigate npm pack for offline (i.e. debian) packaging

Building from source on launchpad means no network access - so we cannot use "npm install -g sass" to install the dart-sass stuff needed for the build.

Lets investigate https://stackoverflow.com/questions/23250805/how-to-install-nodejs-project-locally-without-internet-connection

i.e. add the tgz pack file in the debian folder and install via npm install ./debian/...tgz file

Then the build I'm guessing should hopefully work meaning we don't need to ship pre-compiled theme files.

Gtk.ColorButton slightly cut off

In ClockWorks, I replaced the regular buttons by Gtk.ColorButton - buttons. The lowest in the image seems to be slightly cut off though. Not sure if it is the used css (in the applet) or the theme. In other themes, none of the buttons is cut off.

afbeelding

css:
.colorbutton { border-color: transparent; padding: 0px; border-width: 10px; border-radius: 4px; }

Maximize icon?

Hey guys,

I'm trying to create a plugin for hyper that mimics the Pocillo window controls. I created one for Arc Dark last year, but since Budgie is my main distrubuition and want to continue to use it with 18.04, I thought I'd create a Pocillo version.

However, I can't seem to find the correct maximize svg icon anywhere.

When you install the latest 18.04 (2018-03-06) the window controls looks like the image below. However, the "maximize.svg" and "unmaximize.svg" icons in this repo are squares, much of the resemblance of good ol' Numix (example). And just to clarify: I'm looking for the middle icon:

screenshot

I've looked in all theme folders in /usr/share/theme and all icon folders in /usr/share/icons but I can't seem to find that particular svg pair. Any suggestions?

Thank you for a lovely theme though!

v.0.7 can't compile

Hi! I am trying to compile this theme on Solus but can't do it.
Already have installed on my Solus system, system.devel component, inkscape, optipng and sassc.

This is the log:

$ make
** Matching Colors
cd ./src/gtk-3.0/gtk-common/ && ./recolor-assets.sh > /dev/null
** Generating GTK2...
#cd ./src/gtk-2.0 && ./recolor-assets.sh
** Generating GTK3...
for color in '' '-dark' '-light'; do \
  for size in '' '-slim'; do \
    for version in '3.22'; do \
      sassc -M -t expanded src/gtk-3.0/$version/gtk$color$size.{scss,css}; \
    done; \
  done; \
done
Error: "%frame_flat" failed to @extend "%frame_flat".
       The selector "%frame_flat" was not found.
       Use "@extend %frame_flat !optional" if the extend should be able to fail.
        on line 16:31 of src/gtk-3.0/3.22/sass/widgets/_frame.scss
>> frame.flat > border { @extend %frame_flat; } // for backporting

   ------------------------------^
Error: "%frame_flat" failed to @extend "%frame_flat".
       The selector "%frame_flat" was not found.
       Use "@extend %frame_flat !optional" if the extend should be able to fail.
        on line 16:31 of src/gtk-3.0/3.22/sass/widgets/_frame.scss
>> frame.flat > border { @extend %frame_flat; } // for backporting

   ------------------------------^
Error: "%frame_flat" failed to @extend "%frame_flat".
       The selector "%frame_flat" was not found.
       Use "@extend %frame_flat !optional" if the extend should be able to fail.
        on line 16:31 of src/gtk-3.0/3.22/sass/widgets/_frame.scss
>> frame.flat > border { @extend %frame_flat; } // for backporting

   ------------------------------^
Error: "%frame_flat" failed to @extend "%frame_flat".
       The selector "%frame_flat" was not found.
       Use "@extend %frame_flat !optional" if the extend should be able to fail.
        on line 16:31 of src/gtk-3.0/3.22/sass/widgets/_frame.scss
>> frame.flat > border { @extend %frame_flat; } // for backporting

   ------------------------------^
Error: "%frame_flat" failed to @extend "%frame_flat".
       The selector "%frame_flat" was not found.
       Use "@extend %frame_flat !optional" if the extend should be able to fail.
        on line 16:31 of src/gtk-3.0/3.22/sass/widgets/_frame.scss
>> frame.flat > border { @extend %frame_flat; } // for backporting

   ------------------------------^
Error: "%frame_flat" failed to @extend "%frame_flat".
       The selector "%frame_flat" was not found.
       Use "@extend %frame_flat !optional" if the extend should be able to fail.
        on line 16:31 of src/gtk-3.0/3.22/sass/widgets/_frame.scss
>> frame.flat > border { @extend %frame_flat; } // for backporting

   ------------------------------^
make: *** [Makefile:151: gtk3] Error 65

QT Apps don't look consistant

It doesn't happen with other themes.

Reporter Info

  • Pocillo version: Impish Indri ( pre-release version)
  • GTK3 version: 3.24.29
  • Distribution (and version): Solus 4.2
  • Related application (and version): Keepassx(latest), Virtual Box(latest)

Actual Issue

Qt apps (using gtk2 theme) look inconsistent with rest. If you are already familiar with issue and working on it, then sorry for reporting it.

pocillo_issue

Steps to Reproduce

  1. Apply Pocillo gtk theme ( dark or light) from budgie settings.

Additional Info
Theme was downloaded from github directly was not compiled from source.

Help! Theme is refusing to build.

I've downloaded all dependencies (I think), but all time I try to run make all, I get the following errors:

make all
** Matching Colors
cd ./src/gtk-3.0/gtk-common/ && ./recolor-assets.sh > /dev/null
** Generating GTK2...
#cd ./src/gtk-2.0 && ./recolor-assets.sh
** Generating GTK3...
for color in '' '-dark' '-light'; do \
  for size in '' '-slim'; do \
    for version in '3.22'; do \
      sassc -M -t expanded src/gtk-3.0/$version/gtk$color$size.{scss,css}; \
    done; \
  done; \
done
/bin/bash: line 3: sassc: command not found
/bin/bash: line 3: sassc: command not found
/bin/bash: line 3: sassc: command not found
/bin/bash: line 3: sassc: command not found
/bin/bash: line 3: sassc: command not found
/bin/bash: line 3: sassc: command not found
make: *** [Makefile:151: gtk3] Error 127

I'm missing some something?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.