summaryrefslogtreecommitdiffhomepage
path: root/themes
AgeCommit message (Collapse)Author
2022-06-25luci-theme-openwrt: optimized image filesizey04
Optimized PNG filesize from 152 to 80 bytes without any quality loss. Signed-off-by: Alexander Semukhin <semukhin@mail.com>
2022-06-25luci-theme-material: optimized image filesizey04
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>
2022-06-25luci-theme-bootstrap: optimized favicon filesizey04
Optimized PNG filesize from 733 to 592 bytes without any quality loss. Signed-off-by: Alexander Semukhin <semukhin@mail.com>
2022-06-17luci-theme-material: CSS Fix for previous updateQuentin Baker
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>
2022-06-05luci-theme-material: Update brand logo/colorsQuentin Baker
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>
2022-05-17luci-theme-bootstrap: various style tweaksJo-Philipp Wich
- Make control-group containers flex and ensure proper spacing between elements, fixes e.g. unwanted break for reveal/hide password button on narrow mobile views - Decrease top margin of modal popups - Fix displaying cell titles on mobile wrapped table rows - Tune mobile flex table styles Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2022-05-16luci-theme-bootstrap: restore initramfs warningJo-Philipp Wich
Restore accidentally removed the initramfs boot warning banner. Ref: https://github.com/openwrt/luci/commit/8055acc9be89f0bed31b6692ad08e6196611d478#commitcomment-73447330 Fixes: 8055acc9be ("luci-theme-bootstrap: overhaul styles") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2022-05-06Merge pull request #5798 from McGiverGim/add_gap_badgeJo-Philipp Wich
luci-material-theme: replace margin by gap in ifacebadge
2022-05-06luci-theme-bootstrap: use medium dark text color for version footerJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2022-05-04luci-material-theme: replace margin by gap in ifacebadgeMiguel Angel Mulero Martinez
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>
2022-05-02Merge pull request #5794 from McGiverGim/material_align_button_text_centerJo-Philipp Wich
luci-material-theme: align text buttons center
2022-05-02luci-material-theme: fix localizated left menuMiguel Angel Mulero Martinez
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>
2022-05-01luci-material-theme: align text buttons centerMiguel Angel Mulero Martinez
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>
2022-04-30Merge pull request #5791 from McGiverGim/fix_td_alignJo-Philipp Wich
luci-material-theme: align td text width 33%
2022-04-30Merge pull request #5792 from McGiverGim/controlgroup_flexJo-Philipp Wich
luci-material-theme: make control-group flex
2022-04-30luci-material-theme: make control-group flexMiguel Angel Mulero Martinez
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>
2022-04-30luci-material-theme: align td text width 33%Miguel Angel Mulero Martinez
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>
2022-04-30luci-material-theme: adjust data-title for logoutMiguel Angel Mulero Martinez
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>
2022-04-30Revert "luci-material-theme: reduce size of logout icon"Miguel Angel Mulero Martinez
This reverts commit 3758ab9479be280a2df486120573a5ba3bb2c87a. 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>
2022-04-29Merge pull request #5788 from McGiverGim/fix_logout_icon_material_themeJo-Philipp Wich
luci-material-theme: reduce size of logout icon
2022-04-29luci-material-theme: reduce size of logout iconMiguel Angel Mulero Martinez
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>
2022-04-29luci-theme-material: fix size of progressbar textMiguel Angel Mulero Martinez
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>
2022-03-25luci-theme-bootstrap: fix incorrect wrap arounds in nested cbi sectionsJo-Philipp Wich
Fixes: #5743 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2022-02-24luci-theme-bootstrap: add table column sort indicatorsJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2022-02-21luci-theme-bootstrap: fix display glitch with combo buttons in row actionsJo-Philipp Wich
Fixes: #5693 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-12-21luci-theme-bootstrap: fix translation for username and password captionsJo-Philipp Wich
Fixes: c81b09ec3d ("luci-theme-bootstrap: simplify login dialog") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-12-09luci-theme-bootstrap: simplify login dialogJo-Philipp Wich
Use an traditional HTML form with post submit action to the same URL in order to simplify the login process and not rely on the discarded login XHR reply properly setting the login cookie. This will also avoid one useless request on login and hopefully fix login issues reported with various browser environments. As a bonus, the resulting code is somewhat smaller as well. Ref: https://forum.openwrt.org/t/login-does-not-work/113360 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-12-09luci-theme-openwrt-2020: fix font issue when mixing latin and non-latin symbolsSergey V. Lobanov
The GalanoGrotesque font used by the openwrt2020 theme does not support non- latin symbols. If latin and non-latin symbols are used together in one line it looks strange because for latin symbols GalanoGrotesque is used but for non-latin symbols a fallback font is used (sans-serif). This patch changes default font to Helvetica for the "bg", "ru", "uk", "el" and "he" locales. Original patch was written by Jo-Philipp Wich Fixes: #5580 Signed-off-by: Sergey V. Lobanov <sergey@lobanov.in> [reword commit message, drop "de" from exception list] Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-12-01luci-theme-bootstrap: add bottom margin to log viewsJo-Philipp Wich
Prevent the log output textareas to touch the footer border. Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-27luci-theme-bootstrap: prevent hiding header bar on long vertical scrollsJo-Philipp Wich
Ref: https://github.com/openwrt/luci/commit/b11a7d8e4940a3f68b93c5d93f16c900c9371bc2#commitcomment-60968071 Fixes: 8055acc9be ("luci-theme-bootstrap: overhaul styles") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-22luci-theme-bootstrap: various style correctionsJo-Philipp Wich
- Add proper top and bottom margin for tab descriptions - Allow flex wrapping for cbi-value rows - Ensure that nested table/grid sections always take the full width - Make table/grid section row action buttons are as narrow as possible Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-21luci-theme-bootstrap: fix cbi-value caption alignmentJo-Philipp Wich
Since the removal of the clearfix styles, overlong captions will displace subsequent input field rows. Fix the issue by replace floating label + field margin with flexbox styles. Fixes: #5535 Fixes: 8055acc9be ("luci-theme-bootstrap: overhaul styles") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-21luci-theme-bootstrap: fix inner border radius in ifaceboxes, progressbarsJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-18luci-theme-bootstrap: hide scrollbars in modal overlayJo-Philipp Wich
Only enable scrollbars if content overflows. Fixes: #5505 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-17luci-theme-bootstrap: further uci changelog style fixesJo-Philipp Wich
- Use the proper dialog class name to apply changelog styles - Darken grey background and borders Fixes: 5bd111f58f ("luci-theme-bootstrap: fix uci changelog and readonly input styles") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-17luci-theme-bootstrap: fix uci changelog and readonly input stylesJo-Philipp Wich
- Rework uci changelog styling rules to work with unmodified markup - Drop redundant readonly input styles, don't fade readonly input texts Fixes: 8055acc9be ("luci-theme-bootstrap: overhaul styles") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-16luci-theme-bootstrap: don't overwrite theme selection upon installJo-Philipp Wich
Revert to the previous uci-defaults behaviour of only setting the selected theme to Bootstrap if the Bootstrap entry didn't exist yet in the configuration. Ref: https://forum.openwrt.org/t/luci-theme-behaviour-change/112047 Fixes: ed86f03a9f ("luci-theme-bootstrap: add explicit dark/light mode selection") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-16luci-theme-bootstrap: overhaul stylesJo-Philipp Wich
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-08luci-theme-bootstrap: light/dark mode releated CSS fixesJo-Philipp Wich
- Fix progress bar shadow in light mode - Fix color schema preference in light and dark modes Fixes: #5498 Fixes: #5499 Fixes: ed86f03a9f ("luci-theme-bootstrap: add explicit dark/light mode selection") Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-11-07luci-theme-bootstrap: add explicit dark/light mode selectionJo-Philipp Wich
Register two further "virtual" themes called BootstrapDark and BootstrapLight which force dark and light mode respectively. The actual Bootstrap theme itself will continue to auto-select dark mode preference based on OS/Browser preference settings. Fixes: #5492 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-25luci-theme-bootstrap: work around csstidy bugJo-Philipp Wich
Ref: https://github.com/openwrt/luci/commit/26047fb967f079000ab61c7377f8e26e11277569#commitcomment-58638390 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-25luci-theme-bootstrap: fix overlay display failuresPaul Dee
Fixed overlay display failures for users on mobile, or users who booted up in safe mode XD. Noticeable when vertical or horizontal real-estate is too small for the displayed overlay. This failure is most evident when you "edit" an interface, or display your unsaved changes. When content is wider than the screen view, the table hugs the (widest) content maximally, and the overlay window becomes scrollable. Disabled -webkit-overflow-scrolling, left, and right, because both FF and Safari disable them as invalid anyway. Signed-off-by: Paul Dee <systemcrash@users.noreply.github.com> [Merge duplicate modal declarations, remove not applicable modal flexbox properties] Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-25luci-theme-bootstrap: fix header widthJo-Philipp Wich
Fixes: 588e24f9ca ("luci-theme-bootstrap: various tweaks and cleanups") Ref: https://github.com/openwrt/luci/commit/588e24f9ca68de074c4d085ec99fd8c96ad0a3ed#r58625289 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-12luci-theme-openwrt: add success style for alert messagesJo-Philipp Wich
Fixes: #5427 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-10luci-theme-bootstrap: various tweaks and cleanupsJo-Philipp Wich
- introduce new variable --text-color-highest which results in #000/#fff for bright and dark modes respectively - drop unused navigation style rules and selectors - use sticky positioning for header bar and drop top margin hacks - use flex box layout for header bar contents - use uniform line-height for button elements instead of pixel paddings - fix too bright .cbi-value bottom border in mobile dark mode - avoid rendering duplicate .cbi-value bottom borders for nested sections - simplify header markup, get rid of unused container elements - use non-wrapping flex box layout for page actions, prioritize primary action button in automatic width calculation - fix border radius of ifacebox headers - use brightest color for log output textareas - fix dark mode colors for mode menu - use flex layout for footer Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-08luci-theme-bootstrap: rework uci changelog stylingJo-Philipp Wich
Fixes: #5405 Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2021-10-07luci-theme-bootstrap: add dark theme variantTeoh Han Hui
Add a dark theme variant which is enabled by default when prefers-color-scheme is set to dark. Signed-off-by: Teoh Han Hui <teohhanhui@gmail.com>
2021-10-05themes: warn if booted from initramfsPaul Spooren
Some devices offer a full LuCI interface from their recovery interface. As it's read-only it should only be used for installing sysupgrades and therefore warn users that no settings are saved. Signed-off-by: Paul Spooren <mail@aparcar.org>
2021-10-02luci-theme-openwrt-2020: add styling of hyperlinksPetr Štetiar
Currently it's not possible to distinguish between normal text and hyperlink. Signed-off-by: Petr Štetiar <ynezz@true.cz>
2021-09-28luci-theme-openwrt-2020: add styling of abbreviations and acronymsPetr Štetiar
Style abbreviations and acronyms with dotted underline text-decoration as without the style it's quite hard to find out which text is abbreviation or acronym. References: https://developer.mozilla.org/en-US/docs/Archive/Web_Standards/Styling_Abbreviations_and_Acronyms Signed-off-by: Petr Štetiar <ynezz@true.cz>
generated by cgit v1.2.3 (git 2.39.1) at 2024-12-14 09:51:58 +0000