mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 19:57:44 +00:00
LibWebView: Add a standard "look like the OS" style sheet
It's quite common to want the web-view to match the native OS widgets, so let's make that easy to do.
This commit is contained in:
parent
84a5c67d6b
commit
7436f4fec2
4 changed files with 53 additions and 0 deletions
35
Userland/Libraries/LibWebView/Native.css
Normal file
35
Userland/Libraries/LibWebView/Native.css
Normal file
|
@ -0,0 +1,35 @@
|
|||
/*
|
||||
* Stylesheet designed to be used as the user stylesheet by apps that want their
|
||||
* web content to look like the native GUI.
|
||||
*/
|
||||
|
||||
html {
|
||||
background-color: -libweb-palette-base;
|
||||
color: -libweb-palette-base-text;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
border-color: -libweb-palette-threed-shadow1;
|
||||
}
|
||||
|
||||
button, input[type=submit], input[type=button], input[type=reset] {
|
||||
background-color: -libweb-palette-button;
|
||||
border-color: -libweb-palette-threed-shadow1;
|
||||
color: -libweb-palette-button-text;
|
||||
}
|
||||
|
||||
button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
|
||||
background-color: -libweb-palette-hover-highlight;
|
||||
}
|
||||
|
||||
:link {
|
||||
color: -libweb-link;
|
||||
}
|
||||
|
||||
:visited {
|
||||
color: -libweb-palette-visited-link;
|
||||
}
|
||||
|
||||
:link:active, :visited:active {
|
||||
color: -libweb-palette-active-link;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue