Comments (7)
I see. When I mention that URL Bar will hide I mean the suggestions URL Bar. If you want a One Line Firefox version I would totally recommend @andreasgrafen Cascade. It's using the same design ideas of SimpleFox and I use it as the main OneLine version of my theme.
from simplefox.
Up, same here
from simplefox.
Same for me.
Running default instructions.
from simplefox.
Hi! @kiuKisas @ms0uto @Mesum-Hussain can you send me a picture of the issue?
from simplefox.
@migueravila here.
from simplefox.
@Mesum-Hussain can you send me your css code?
from simplefox.
Sorry for the late reply. I wasn't getting time to reply.
anyways here is the code:
`/*
┌─┐┬┌┬┐┌─┐┬ ┌─┐
└─┐││││├─┘│ ├┤
└─┘┴┴ ┴┴ ┴─┘└─┘
┌─┐┌─┐─┐ ┬
├┤ │ │┌┴┬┘
└ └─┘┴ └─
by Miguel Avila
*/
/*
┌─┐┌─┐┌┐┌┌─┐┬┌─┐┬ ┬┬─┐┌─┐┌┬┐┬┌─┐┌┐┌
│ │ ││││├┤ ││ ┬│ │├┬┘├─┤ │ ││ ││││
└─┘└─┘┘└┘└ ┴└─┘└─┘┴└─┴ ┴ ┴ ┴└─┘┘└┘
*/
:root {
--sfwindow: #19171a;
--sfsecondary: #201e21;
}
/* Urlbar View */
/─────────────────────────────/
/* Comment this section if you /
/ want to show the URL Bar */
/─────────────────────────────/
.urlbarView {
display: none !important;
}
/─────────────────────────────/
/*
┌─┐┌─┐┬ ┌─┐┬─┐┌─┐
│ │ ││ │ │├┬┘└─┐
└─┘└─┘┴─┘└─┘┴└─└─┘
*/
/* Tabs colors */
#tabbrowser-tabs:not([movingtab])
#tabbrowser-arrowscrollbox
.tabbrowser-tab
.tab-stack
.tab-background[multiselected='true'],
#tabbrowser-tabs:not([movingtab])
#tabbrowser-arrowscrollbox
.tabbrowser-tab
.tab-stack
.tab-background[selected='true'] {
background-image: none !important;
background-color: var(--toolbar-bgcolor) !important;
}
/* Inactive tabs color */
#navigator-toolbox {
background-color: var(--sfwindow) !important;
}
/* Window colors */
:root {
--toolbar-bgcolor: var(--sfsecondary) !important;
--tabs-border-color: var(--sfsecondary) !important;
--lwt-sidebar-background-color: var(--sfwindow) !important;
--lwt-toolbar-field-focus: var(--sfsecondary) !important;
}
/* Sidebar color */
#sidebar-box,
.sidebar-placesTree {
background-color: var(--sfwindow) !important;
}
/*
┌┬┐┌─┐┬ ┌─┐┌┬┐┌─┐
││├┤ │ ├┤ │ ├┤
─┴┘└─┘┴─┘└─┘ ┴ └─┘
┌─┐┌─┐┌┬┐┌─┐┌─┐┌┐┌┌─┐┌┐┌┌┬┐┌─┐
│ │ ││││├─┘│ ││││├┤ │││ │ └─┐
└─┘└─┘┴ ┴┴ └─┘┘└┘└─┘┘└┘ ┴ └─┘
*/
/* Tabs elements */
.tab-close-button {
display: none;
}
.tabbrowser-tab:not([pinned]) .tab-icon-image {
display: none !important;
}
#nav-bar:not([tabs-hidden='true']) {
box-shadow: none;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
#tabbrowser-arrowscrollbox
.tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0 !important;
}
:root {
--toolbarbutton-border-radius: 0 !important;
--tab-border-radius: 0 !important;
--tab-block-margin: 0 !important;
}
.tab-background {
border-right: 0px solid rgba(0, 0, 0, 0) !important;
margin-left: -4px !important;
}
.tabbrowser-tab:is([visuallyselected='true'], [multiselected])
.tab-stack
.tab-background {
box-shadow: none !important;
}
.tabbrowser-tab[last-visible-tab='true'] {
padding-inline-end: 0 !important;
}
#tabs-newtab-button {
padding-left: 0 !important;
}
/* Url Bar */
#urlbar-input-container {
background-color: var(--sfsecondary) !important;
border: 1px solid rgba(0, 0, 0, 0) !important;
}
#urlbar-container {
margin-left: 0 !important;
}
#urlbar[focused='true'] > #urlbar-background {
box-shadow: none !important;
}
#navigator-toolbox {
border: none !important;
}
/* Bookmarks bar */
.bookmark-item .toolbarbutton-icon {
display: none;
}
toolbarbutton.bookmark-item:not(.subviewbutton) {
min-width: 1.6em;
}
/* Toolbar */
#tracking-protection-icon-container,
#urlbar-zoom-button,
#star-button-box,
#pageActionButton,
#pageActionSeparator,
#tabs-newtab-button,
#back-button,
#PanelUI-button,
#forward-button,
.tab-secondary-label {
display: none !important;
}
.urlbarView-url {
color: #dedede !important;
}
/* Disable elements */
#context-navigation,
#context-savepage,
#context-pocket,
#context-sendpagetodevice,
#context-selectall,
#context-viewsource,
#context-inspect-a11y,
#context-sendlinktodevice,
#context-openlinkinusercontext-menu,
#context-bookmarklink,
#context-savelink,
#context-savelinktopocket,
#context-sendlinktodevice,
#context-searchselect,
#context-sendimage,
#context-print-selection {
display: none !important;
}
#context_bookmarkTab,
#context_moveTabOptions,
#context_sendTabToDevice,
#context_reopenInContainer,
#context_selectAllTabs,
#context_closeTabOptions {
display: none !important;
}`
from simplefox.
Related Issues (20)
- show the scrollbar only in private mode? HOT 2
- Little issue with round corner (Ubuntu/Gnome) HOT 3
- How to increase bar width in the OneLine version? HOT 2
- I want to remove urlbar and move "more tools" menu to end of the line, how can i do that? HOT 1
- Colors broken HOT 2
- Tab shadow and highlighting from Firefox Proton HOT 1
- Top transparency HOT 1
- Firefox Dev!!
- New Firefox Proton UI messes with the add-on right click bar HOT 4
- how can i change the color of the tab bar background to match the window controls?
- HideURL userchrome doesn't appear to work on FF88 HOT 1
- Firefox 89 UI tab overflow HOT 6
- Default GTK color, I want to use the system default color on tabs. (ZorinOS / Linux) HOT 1
- How do I enable scrollbar? HOT 1
- Please make one line version ASAP HOT 2
- Buttons HOT 3
- Can you share your homepage? HOT 2
- Hiding of #PanelUI-button breaks "new addon installed" popup dialog
- Border on tabs 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 simplefox.