RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 19:57:44 +00:00
Code Issues Activity Actions

LibWebView: Add a standard "look like the OS" style sheet

Browse source 
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:
Sam Atkins 2023-08-24 11:01:09 +01:00 • committed by Sam Atkins
parent 84a5c67d6b
commit 7436f4fec2
4 changed files with 53 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

35
Userland/Libraries/LibWebView/Native.css Normal file
View 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;
}