GuyPerfect/pvbemu
3
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Styling tweaks, adding Inconsolata and Roboto fonts

Browse Source
This commit is contained in:
GuyPerfect
2021-08-30 14:53:31 +00:00
parent 5a02e7e52d
commit 3dc8b93f94
8 changed files with 83 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/theme/Inconsolata_SemiExpanded-Regular.woff2
BIN
View File
Binary file not shown.
app/theme/Roboto-Regular.woff2
BIN
View File
Binary file not shown.
app/theme/dark.css
+15 -12
View File
@@ -1,14 +1,17 @@
:root {
--control : #222222;
--control-focus : #444444;
--control-shadow : #999999;
--control-text : #cccccc;
--desktop : #111111;
--window-blur : #555555;
--window-blur-text : #cccccc;
--window-close : #ee9999;
--window-close-blur: #998080;
--window-close-text: #ffffff;
--window-focus : #007ACC;
--window-focus-text: #ffffff;
--control : #222222;
--control-focus : #444444;
--control-shadow : #999999;
--control-text : #cccccc;
--desktop : #111111;
--window-blur : #555555;
--window-blur-text : #cccccc;
--window-close-blur : #998080;
--window-close-blur-border : #999999;
--window-close-blur-text : #ffffff;
--window-close-focus : #ee9999;
--window-close-focus-border: #999999;
--window-close-focus-text : #ffffff;
--window-focus : #007ACC;
--window-focus-text : #ffffff;
}
app/theme/kiosk.css
+22 -19
View File
@@ -1,15 +1,15 @@
/* Common styles for all themes */
:root {
--font-dialog: Arial, sans-serif;
--font-hex : Consolas, monospace;
--font-size : 12;
--font-dialog: "Roboto-Regular", sans-serif;
--font-hex : "Inconsolata_SemiExpanded-Regular", monospace;
--font-size : 12px;
}
:root {
color : var(--control-text);
font-family: var(--font-dialog);
font-size : calc(1px * var(--font-size));
font-size : var(--font-size);
}
body {
@@ -160,8 +160,9 @@ body {
[role="dialog"] [name="title-close"] {
align-items : center;
background : var(--window-close);
box-shadow : 0 0 0 1px var(--control-shadow);
background : var(--window-close-focus);
box-shadow : 0 0 0 1px var(--window-close-focus-border);
color : var(--window-close-focus-text);
display : flex;
height : 13px;
justify-content: center;
@@ -172,30 +173,23 @@ body {
[role="dialog"][focus="false"] [name="title-close"] {
background: var(--window-close-blur);
}
[role="dialog"] [name="title-close"]:focus {
background: var(--control-focus);
box-shadow: 0 0 0 1px var(--window-close-blur-border);
color : var(--window-close-blur-text);
}
[role="dialog"] [name="title-close"][active] {
box-shadow: 0 0 0 1px var(--control-shadow);
box-shadow: 0 0 0 1px var(--window-close-focus-border);
margin : 0;
}
[role="dialog"] [name="title-close"]:after {
color : var(--window-close-text);
content : '\00d7';
font-size : 13px;
line-height: 13px;
}
[role="dialog"] [name="title-close"][active]:after {
color : var(--window-close-text);
content : '\00d7';
font-size : 13px;
line-height: 13px;
margin : 1px -1px -1px 1px;
margin: 1px -1px -1px 1px;
}
[role="dialog"] [name="client"] {
@@ -207,8 +201,17 @@ body {
/******************************* Memory Window *******************************/
[window="memory"] [name="client"] {
align-items: center;
column-gap : calc(1px * var(--font-size) / 2);
align-items: start;
column-gap : calc(var(--font-size) / 2);
}
[window="memory"] [name="client"] > *:not(:nth-child(1n+1)) {
text-align: center;
}
[window="memory"] [name="client"] > *:nth-child(17n+2),
[window="memory"] [name="client"] > *:nth-child(17n+10) {
margin-left: calc(var(--font-size) / 2);
}
[window="memory"] [name="address"],
app/theme/light.css
+15 -12
View File
@@ -1,14 +1,17 @@
:root {
--control : #eeeeee;
--control-focus : #cccccc;
--control-shadow : #999999;
--control-text : #000000;
--desktop : #cccccc;
--window-blur : #cccccc;
--window-blur-text : #444444;
--window-close : #ee9999;
--window-close-blur: #d4c4c4;
--window-close-text: #ffffff;
--window-focus : #80ccff;
--window-focus-text: #000000;
--control : #eeeeee;
--control-focus : #cccccc;
--control-shadow : #999999;
--control-text : #000000;
--desktop : #cccccc;
--window-blur : #cccccc;
--window-blur-text : #444444;
--window-close-blur : #d4c4c4;
--window-close-blur-border : #999999;
--window-close-blur-text : #ffffff;
--window-close-focus : #ee9999;
--window-close-focus-border: #999999;
--window-close-focus-text : #ffffff;
--window-focus : #80ccff;
--window-focus-text : #000000;
}
app/theme/virtual.css
+15 -12
View File
@@ -1,16 +1,19 @@
:root {
--control : #000000;
--control-focus : #550000;
--control-shadow : #aa0000;
--control-text : #ff0000;
--desktop : #000000;
--window-blur : #000000;
--window-blur-text : #aa0000;
--window-close : #aa0000;
--window-close-blur: #550000;
--window-close-text: #ff0000;
--window-focus : #550000;
--window-focus-text: #ff0000;
--control : #000000;
--control-focus : #550000;
--control-shadow : #aa0000;
--control-text : #ff0000;
--desktop : #000000;
--window-blur : #000000;
--window-blur-text : #aa0000;
--window-close-blur : #550000;
--window-close-blur-border : #aa0000;
--window-close-blur-text : #aa0000;
--window-close-focus : #aa0000;
--window-close-focus-border: #ff0000;
--window-close-focus-text : #ff0000;
--window-focus : #550000;
--window-focus-text : #ff0000;
}
[filter="true"] {