Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add setting the address bar at the bottom of the screen #2

Open
Mojas84 opened this issue Apr 21, 2024 · 20 comments
Open

Add setting the address bar at the bottom of the screen #2

Mojas84 opened this issue Apr 21, 2024 · 20 comments
Labels
enhancement New feature or request

Comments

@Mojas84
Copy link

Mojas84 commented Apr 21, 2024

Hi. Would it be possible to use the main address bar at the bottom in your ARC theme? As used here = https://github.com/KiKaraage/FrameUIforFirefox. And please setting for sidebar size. Tabs in sidebar not color accent.....

@ImMainTheme ImMainTheme added the enhancement New feature or request label Apr 21, 2024
@ImMainTheme
Copy link
Owner

Hi, sidebar size could be edit in the first line in the css file.
Tabs in sidebar should be color accent if you not use my theme.
Main address bar at the bottom I might work for it later, that firefox ui look awesome!
Thanks for your request!

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Thanks very much side bar i setting on 248px it is good size. 😉 No i use my theme. Have like much windows themes. Now use GIN24 theme darker color for tabs... Color accent theme css not use but use highlight color. I just want it to have the same colors as the sidebar... 🤔

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Ok FrameUI is good super it using better a faster.... But keep otherwise everything with Archyvivaldi....

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Have Discord?

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Sunny_20240421_182657
This my photo theme tabs on sidebar not color...........

@ImMainTheme
Copy link
Owner

you mean the text or the background of each tab?

@ImMainTheme
Copy link
Owner

I found I wrote the readme wrong when I saw your photo.
In top bar, the space should be after the download.

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

I found I wrote the readme wrong when I saw your photo.
In top bar, the space should be after the download.

Yes I thought it was kind of weird.

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

you mean the text or the background of each tab?

Yes of course backround used tab text is good....

@ImMainTheme
Copy link
Owner

Hmmm I checked my css not changing any color of background tab. Maybe it caused by your theme.
Please check if your theme toggled transparent background tab.

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Yes work it good. My error on vivaldi are not experience with theme create....😆 THX and Sorry for this....

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Sunny_20240421_200943

@ImMainTheme
Copy link
Owner

Hi, I did updated for address bar on bottom.
Please use the new css to check if it work as expected.
And I suggest to disable show separator below pinned tabs on settings-> tabs -> pinned tabs.
I made my own separator since the original one would disappear if there are only pinned tabs.
I would put this information in readme too.

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Hi, I did updated for address bar on bottom. Please use the new css to check if it work as expected. And I suggest to disable show separator below pinned tabs on settings-> tabs -> pinned tabs. I made my own separator since the original one would disappear if there are only pinned tabs. I would put this information in readme too.

Woow super work you are best customizer....🤩

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

Sunny_20240421_220141
But now after the new setting, my address bar is recolored with the background color and not the highlight..... Can't you set your own color just for the address bar??

ImMainTheme added a commit that referenced this issue Apr 21, 2024
@ImMainTheme
Copy link
Owner

ohh that's some code I've forgot to change.
Please go to line 51
delete ".below" on that line.
from
".UrlBar-AddressField.button-textonly.below:not(:focus-within) {"
to
".UrlBar-AddressField.button-textonly:not(:focus-within) {"

or just download the latest css file again

@Mojas84
Copy link
Author

Mojas84 commented Apr 21, 2024

ohh that's some code I've forgot to change. Please go to line 51 delete ".below" on that line. from ".UrlBar-AddressField.button-textonly.below:not(:focus-within) {" to ".UrlBar-AddressField.button-textonly:not(:focus-within) {"

or just download the latest css file again

Download again cool super....👍

@Mojas84
Copy link
Author

Mojas84 commented Apr 22, 2024

Would it be possible to change the Vivaldi icon in the address bar for settings, etc. to the ARC icon??
8cxECVs

@ImMainTheme
Copy link
Owner

you can add this code to your css. you can also adjust the size by change those 28px.

button.vivaldi {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/37/Arc_%28browser%29_logo.svg);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
}

span.vivaldi-v {
    display: none;
}

@Mojas84
Copy link
Author

Mojas84 commented Apr 23, 2024

THX Super!!!🙂

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants