qbit/openbsd.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Accessibility fixes

Browse Source
This commit is contained in:
Aaron Bieber 2022-11-30 19:18:48 -07:00
parent 66333421ff
commit 71847ad11d
No known key found for this signature in database
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
openbsd.app.pl
View File

@ -196,7 +196,7 @@ app->start;
__DATA__
@@ layouts/default.html.ep
<!doctype html>
<html class="no-js" lang="">
<html class="no-js" lang="en">
<head>
<title><%= $title %></title>
<meta charset="utf-8">
@ -237,15 +237,19 @@ __DATA__
table th {
background-color: #dedeff;
}
.none {
display: none;
}
</style>
</head>
<body>
<header>
<h3><a href="/">OpenBSD.app - search packages</a></h3>
%= form_for '/' => begin
%= label_for search => 'Search', class => 'none'
%= search_field 'search', id => 'search', placeholder => 'Search', value => undef
%= check_box 'current', role => "switch"
%= label_for 'switch' => "Search -current"
%= check_box 'current', id => 'current', role => "switch"
%= label_for current => "Search -current"
(<%= $mtime %></i>)
% end
</header>

18
public/pico.classless.css
View File

@ -200,16 +200,16 @@ kbd {
[data-theme=light],
:root:not([data-theme=dark]) {
--background-color: #fff;
--color: hsl(205deg, 20%, 32%);
--color: #000;
--h1-color: hsl(205deg, 30%, 15%);
--h2-color: #24333e;
--h3-color: hsl(205deg, 25%, 23%);
--h4-color: #374956;
--h5-color: hsl(205deg, 20%, 32%);
--h6-color: #4d606d;
--muted-color: hsl(205deg, 10%, 50%);
--muted-color: hsl(205deg, 15%, 41%);
--muted-border-color: hsl(205deg, 20%, 94%);
--primary: hsl(195deg, 85%, 41%);
--primary: #05465C;
--primary-hover: hsl(195deg, 90%, 32%);
--primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #fff;
@ -257,7 +257,7 @@ kbd {
--table-border-color: var(--muted-border-color);
--table-row-stripped-background-color: #f6f8f9;
--code-background-color: hsl(205deg, 20%, 94%);
--code-color: var(--muted-color);
--code-color: var(--color);
--code-kbd-background-color: var(--contrast);
--code-kbd-color: var(--contrast-inverse);
--code-tag-color: hsl(330deg, 40%, 50%);
@ -313,7 +313,7 @@ kbd {
--h4-color: #c8d1d8;
--h5-color: hsl(205deg, 16%, 77%);
--h6-color: #afbbc4;
--muted-color: hsl(205deg, 10%, 50%);
--muted-color: hsl(205deg, 12%, 59%);
--muted-border-color: #1f2d38;
--primary: hsl(195deg, 85%, 41%);
--primary-hover: hsl(195deg, 80%, 50%);
@ -363,7 +363,7 @@ kbd {
--table-border-color: var(--muted-border-color);
--table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
--code-background-color: #18232c;
--code-color: var(--muted-color);
--code-color: var(--color);
--code-kbd-background-color: var(--contrast);
--code-kbd-color: var(--contrast-inverse);
--code-tag-color: hsl(330deg, 30%, 50%);
@ -419,7 +419,7 @@ kbd {
--h4-color: #c8d1d8;
--h5-color: hsl(205deg, 16%, 77%);
--h6-color: #afbbc4;
--muted-color: hsl(205deg, 10%, 50%);
--muted-color: hsl(205deg, 12%, 59%);
--muted-border-color: #1f2d38;
--primary: hsl(195deg, 85%, 41%);
--primary-hover: hsl(195deg, 80%, 50%);
@ -469,7 +469,7 @@ kbd {
--table-border-color: var(--muted-border-color);
--table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
--code-background-color: #18232c;
--code-color: var(--muted-color);
--code-color: var(--color);
--code-kbd-background-color: var(--contrast);
--code-kbd-color: var(--contrast-inverse);
--code-tag-color: hsl(330deg, 30%, 50%);
@ -2490,4 +2490,4 @@ textarea,
}
}
/*# sourceMappingURL=pico.classless.css.map */
/*# sourceMappingURL=pico.classless.css.map */