Opera GX Mod

EpixyDaksh11

@embryo626 Wow, thanks! It works again!
Some things in the latest version:

One pixel bug under the tabs.
No more gradient line over the address bar.

I don't want to be picky, but I do love this mod. Thanks in advance!

embryo626

@EpixyDaksh11 Thank you very much for your feedback, in fact, I am also using the latest version 3.6.And I have fixed most of the problems, I will update my code on my github later,If there are any questions, please feedback in the post, Thank you for your use.

embryo626

@EpixyDaksh11 you can get it on https://github.com/aopscja/-GX-mod/

EpixyDaksh11

Thanks! I use this mod A LOT!

yoge67855

how do i fix this?

embryo626

@yoge67855 are you using my GX for v3.6.css?

yoge67855

@embryo626 yes

embryo626

@yoge67855 What is your version of Vivaldi？

yoge67855

@embryo626 latest snapshot

yoge67855

@embryo626 same thing with stable

embryo626

@yoge67855 I'm using version 3.6.2165.40 without any problems. I also tested version 3.7, and there was no problem except for the speed dial page.For color problems, you can use the following colors：

{"colors":{"accentBg":"#fa1e4e","baseBg":"#090411","baseFg":"#fafafa","highlightBg":"#fa1e4e"},"name":"GX Classic","settings":{"accentFromPage":false,"accentOnWindow":false,"borderRadius":"5","tabsTransparent":true},"version":0.1}
{"colors":{"accentBg":"#624aaa","baseBg":"#080d21","baseFg":"#c59ed9","highlightBg":"#ea6db8"},"name":"7 p.m.","settings":{"accentFromPage":false,"accentOnWindow":false,"borderRadius":"3","tabsTransparent":false},"version":0.1}
{"colors":{"accentBg":"#ff708d","baseBg":"#0b0507","baseFg":"#d9d9d9","highlightBg":"#ff708d"},"name":"Rose Quartz","settings":{"accentFromPage":false,"accentOnWindow":false,"borderRadius":"5","tabsTransparent":true},"version":0.1}
{"colors":{"accentBg":"#ff9900","baseBg":"#070808","baseFg":"#d9d9d9","highlightBg":"#ff9900"},"name":"Lambda","settings":{"accentFromPage":false,"accentOnWindow":false,"borderRadius":"5","tabsTransparent":true},"version":0.1}
{"colors":{"accentBg":"#a970ff","baseBg":"#05050b","baseFg":"#d9d9d9","highlightBg":"#a970ff"},"name":"Ultraviolet","settings":{"accentFromPage":false,"accentOnWindow":false,"borderRadius":"5","tabsTransparent":true},"version":0.1}

yoge67855

@embryo626 ok i have fixed it with deleting GX.css and renaming GX for 3.6.css to GX.css, and then copying and pasting color codes in theme settings (i had no idea where to put it) now it looks like that:

embryo626

@yoge67855
This is no problem. As for the code, you can look at this js or input it to the corresponding place in the settings

code3

Thank you for this mod! I use the address bar, modals, status bar, and rounded favicons CSS file. The quick commands one seemed a bit blurry (is there a blur filter?), and the tabs conflicted with my other mods and/or settings. To improve contrast, I set the address and search bar to a slightly transparent black, and the text on it to always white. To get the slight "cut-out" on active tabs I added this:

#tabs-tabbar-container .tab.active{
    clip-path: polygon(7px 0%, 100% 0, 100% 100%, 0 100%, 0% 7px);
}

And for a cool rounded effect added to the Vivaldi buttons I added this:

.button-toolbar button:hover {
    border-radius: 100%;
}

.button-toolbar button {
      transition: 0.7s;
}

Again, thank you, it looks like it took a lot of work. My Vivaldi looks much more modern now!

Phosphorus

I have problems with the new versión snapshot, in the sidebar, the icons are broken.
Maybe on the weekend, I will do a commit.

embryo626

wrong The panel still has problems in the latest version 3.8.2259.16. Who can solve this problem?

code3

@yoge67855 How did you get the custom panel icons?

embryo626

@code3 He used my mod on GitHub, which used svg to customize the panel, but in version 3.8, it has been broken. I have fixed it and will post it to GitHub in the near future.

code3

@embryo626 Your icons look good. I couldn't find all the panel icons, could you point me to the correct spot in the code?

nomadic

@code3 Don't know if you already found this section, but just doing a find in page for path should get you all the icons.