Comments (6)
It's possible... kinda, but seems like Vivaldifox doesn't supported dynamic theme mode change (example: When I use light mode by default, once I visited a website with dark mode, I would love to use light toolbar icon, light URL text, and such.) Because ArcWTF uses transparent URLbar and use the same color (--lwt-accent-color) for the whole navbar + tabbar + #browser-container border, the coloring might clashed when you visited dark websites in light mode. Anyway here's a config that worked if you're okay with that condition:
I advise you to use Adaptive Tab Bar Color instead, the automatic color scheme fits ArcWTF very well 👌 Here's my setup:
from arcwtf.
Ive been experimenting with https://github.com/Frewacom/pywalfox and ive managed to get it working i think?
I created spotipaper that would work amazingly with this theme + pywalfox.
But yeah thanks for the feedback on vivaldi I really appreciate it, I will check that out if i ever get bored of pywal.
from arcwtf.
On another note, Could you tell me how i could make the ui a bit bigger? right now its quite small. Im on arch linux.
from arcwtf.
Two steps:
- Changing toolbar icons scale on toolbar/navbar.css line 13. Default is 0.85, you can change it to 1 or 2.
- Changing URL bar height. Here are the original code from toolbar/urlbar.css line 17, feel free to modify: (I think
--urlbar-toolbar-height
is the important one?)
/* urlbar height */
& #urlbar-container {
--urlbar-container-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important;
}
& #urlbar {
--urlbar-toolbar-height: calc(5px + 16px + var(--toolbarbutton-inner-padding) * 2) !important;
--urlbar-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
--urlbar-min-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
font-size: 1em !important;
}
from arcwtf.
yeah i played with that but i could only seem to move the url bar... i would just like a bit more padding on the toolbar because its quite squished atm
from arcwtf.
Oh you should edit toolbar/navbar.css line 8 then, especially --toolbarbutton-outer-padding
. Sorry for forgetting it 😅
:root {
--toolbarbutton-border-radius: 4px !important;
--toolbarbutton-inner-padding: 4px !important;
--uc-toolbarbutton-inner-inline-padding: 4px !important;
--toolbarbutton-outer-padding: 6px !important;
--tabs-navbar-shadow-size: 0px !important;
--message-bar-border-radius: var(--border-radius-medium);
}
from arcwtf.
Related Issues (20)
- Weird shadow below the sidebar in maximized state HOT 3
- Extra comments in Floorp CSS
- Top bar still there, dont know how to remove HOT 3
- Improvement: Single installation script HOT 1
- Shortcut key and Sidebar plugin's conflict HOT 3
- How to always keep sidebar opened, and hide with a key press? HOT 8
- Tab sidebar using window unfocused background color on kde plasma
- how to get the colorful tabs on the screenshots at the top of sidebery
- How to change the start page and menu bar Arc icon? HOT 3
- Move the URL on the left
- [Feature Request] Blur HOT 4
- help regarding horizontal tabs
- help can't install on windows 11 HOT 1
- Any way to have Ctrl T/New Tab open uc.tweak.popup-search? HOT 1
- top tabs are still there HOT 1
- How to get rid of this transparent frame? HOT 5
- Sidebar on the left and open new tab button at the bottom HOT 5
- userchrome toggle hotkey not working HOT 2
- Some tweaks aren't working / minor issues
- the addon seems to be corrupt (v123) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from arcwtf.