varun-r-mallya/sysprof
1
0
Fork 0
mirror of https://github.com/varun-r-mallya/sysprof.git synced 2026-02-12 16:10:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: Port to newer css machinery

Browse Source
This commit is contained in:
Alice Mikhaylenko
2024-06-24 01:51:28 +04:00
parent 618c4ac575
commit 3597106de8
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/sysprof/style.css
View File

@ -1,5 +1,5 @@
progresscell progress { progresscell progress {
background: @accent_bg_color; background: var(--accent-bg-color);
border-right: none; border-right: none;
} }
@ -9,7 +9,7 @@ progresscell {
} }
progresscell trough { progresscell trough {
background: alpha(@borders, .5); background: color-mix(in srgb, var(--border-color), transparent);
} }
progresscell label { progresscell label {
@ -19,7 +19,7 @@ progresscell label {
} }
progresscell label.in-progress { progresscell label.in-progress {
color: @accent_fg_color; color: var(--accent-fg-color);
} }
callgraphview { callgraphview {
@ -39,32 +39,31 @@ callgraphview row:not(:selected) treeexpander expander:checked+box symbol.proces
callgraphview row:not(:selected) treeexpander expander:checked+box symbol.thread, callgraphview row:not(:selected) treeexpander expander:checked+box symbol.thread,
callgraphview row:not(:selected) treeexpander expander:checked+box symbol.root { callgraphview row:not(:selected) treeexpander expander:checked+box symbol.root {
border-radius: 9999px; border-radius: 9999px;
background-color: alpha(currentColor, .05); background-color: color-mix(in srgb, currentColor 5%, transparent);
} }
callgraphview row:not(:selected) treeexpander symbol.context-switch { callgraphview row:not(:selected) treeexpander symbol.context-switch {
border-radius: 9999px; border-radius: 9999px;
background-color: alpha(@warning_color, .1); background-color: color-mix(in srgb, var(--warning-color) 10%, transparent);
} }
callgraphview row:not(:selected) treeexpander symbol.unwindable { callgraphview row:not(:selected) treeexpander symbol.unwindable {
border-radius: 9999px; border-radius: 9999px;
background-color: alpha(@error_color, .1); background-color: color-mix(in srgb, var(--error-color) 10%, transparent);
} }
timeruler { timeruler {
min-height: 24px; min-height: 24px;
font-size: 0.833em; font-size: 0.833em;
color: alpha(currentColor, .8); color: color-mix(in srgb, currentColor 80%, transparent);
} }
timescrubber informative, timescrubber informative,
timescrubber timecode { timescrubber timecode {
border-radius: 7px; border-radius: 7px;
background: @accent_bg_color; background: var(--accent-bg-color);
color: @accent_fg_color; color: var(--accent-fg-color);
padding: 1px 3px; padding: 1px 3px;
margin: 2px 6px; margin: 2px 6px;
box-shadow: 0 2px 8px 2px alpha(black, .27); box-shadow: 0 2px 8px 2px rgb(0 0 0 / 27%);
border: 1px solid shade(@accent_bg_color, .9);
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-size: .9em; font-size: .9em;
} }
@ -74,7 +73,7 @@ timescrubber timecode {
} }
.navigation-sidebar label.indicator { .navigation-sidebar label.indicator {
color: alpha(currentColor, .5); color: color-mix(in srgb, currentColor, transparent);
border-radius: 50px; border-radius: 50px;
padding: 1px 5px; padding: 1px 5px;
font-feature-settings: 'tnum'; font-feature-settings: 'tnum';