This changed spawned from trying to make certain text colors readable (such as white text on white background in many dialogs) introduced by commit 4ee2bc6 (ref: #5841) which made obvious the need to improve the color and contrast situation in the theme.
Alot of colors were duplicated in cascade.css and made for a hard time to align colors across different elements. This commit tries to rectify that by introducing variables for all commonly used colors.
* All base colors (white, blue, red, green, blue, yellow, etc) has been consolidated and moved to common variables
* Introduced more specific selectors for info levels to avoid colors bleeding over to other elements
* Removed duplicated properties which were overriden at the next row
Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>
Subsequent commits will drop the JS based mouse following focus behavior,
so add appropriate replacement CSS hover styles.
Ref: #6903
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
The new OpenWrt logo.svg is copied from luci-theme-openwrt-2020.
The logo.png was copied too but resized from 180px 3.9Kb down to 48px 2.3Kb.
This is enough when used as icon for app pinned to desktop.
Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
Optimized PNG filesize from 6280 to 3939 bytes. Visually looks the same, technically the image is 99.9% identical.
Signed-off-by: Alexander Semukhin <semukhin@mail.com>
Commit b0f13ef Changed the color of a CSS element from a bright blue to
a dark blue. This resulted in a modal with difficult-to-read text (black
text on dark blue).
This commit sets the modal text-color to #000, in line with style
guidelines.
Signed-off-by: Quentin Baker <opensource@quentb.com>
I have updated the brand.png logo to the 2020 version, and I have
made a small adjustment to the CSS to reflect its slightly larger
vertical height.
I also have made small tweaks to the system theme colors to use
the brand colors as recommended on page 5 of the logo usage
guidelines document avalible at
openwrt/branding/blob/master/openwrt-styleguide.pdf
Signed-off-by: Quentin Baker <opensource@quentb.com>
Material is a "flex" theme. Better to use "gap" in place of "margin" to
add some space between elements inside "flex" elements.
This fixes the problem specially when there are text elements inside the
"flex" and don't hurt when there are images.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
The latest fix to fix the logout worked, but it was not applied to all
the resolutions, and I have observed the same problem exists for the
dasboard optional component.
Looking at the code, it seems only the components without submenu, have the
data-title element, so this fix modifies the style for all of them, not
relying on the position or text content.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
The text inside the buttons is aligned to the top. This change mades
it aligned to the center.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
The control-group div does not flex. The buttons overflow the screen.
This change mades them flex.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
The CSS applies a different padding for td elements with 33% width. This
misaligns the text from this td to the others td.
This change modifies the CSS to apply the same padding to all of the
sibling td.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
The data-title attribute style depends on the content in the css rule.
When translated to other language, the css rule fails.
This change uses the position and not the content to apply the style.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
This reverts commit 3758ab9479.
The solution is not good. It breaks in some way the English UI to fix
localizated UI.
It will be fixed again in other commit.
Signed-off-by: Miguel Angel Mulero Martinez <migmul@gmail.com>
The icon of the logout option overflows the text. This reduces the size of the icon to not overflow.
Signed-off-by: Miguel Angel Mulero <mcgivergim@gmail.com>
The text of the progressbar is bigger than the progressbar height. This removes the font-size element that produced that.
Signed-off-by: Miguel Angel Mulero <mcgivergim@gmail.com>
Remove line-height css for syslog textarea as it cause some
problem with displaying all the rows of the syslog.
(Row line are calculated with a line-height of 1)
Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
- Drop jquery lib
- Move to the new menu.js implementation
- Rework css to mimic old js transition
- Rework footer and header to new implementation
Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
Before fixed, if we have two nodes: 'services/ddns' and 'services/ddnsto',
click any one of they, will show they all actived.
Signed-off-by: Liangbin Lian <jjm2473@gmail.com>
After moving section title from `legend`, which was translated to `span`
with style `panel-title`, to `h3`, update also CSS style to match first
`h3` in `cbi-section`.
Signed-off-by: Oldřich Jedlička <oldium.pro@gmail.com>
Add some CSS band aids to fix styling and positioning of hidden tab panes,
cbi maps in modal dialogs and nested cbi sections.
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
Fixed a overview page style issue with interface boxes for
bootstrap, material and rosy themes.
The issue only appears in the Chrome browser and lies in the
fact that the block with the device name and MAC address gets
out of the interface block.
Signed-off-by: Anton Kikin <a.kikin@tano-systems.com>
* Remove excess font dependency
* Retain two glyphs as svg
* Store svg icons externally
* Add logout icon
* Replace spaces with tabs in script
* Various minor fixes
Signed-off-by: Shun Jou <shunjou@gmail.com>
After opening an external hyperlink in a new browser tab, LuCI hangs in the
load screen. This commit will fix this issue.
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
If you change the color of the submenues then the colors of the toplevel
should also be changed into the same color.
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
* Restore theme to near original style
* Properly declare variable fallbacks
* More consistent table and border styling
* Improve responsive design scaling
* Add static ripple effect to sidebar menu
* Style command output as terminal
* Comb coding style and widespread cleanup
* Various other improvements and fixes
Signed-off-by: Shun Jou <shunjou@gmail.com>
