git.stevedylan.dev

chore: updated styles aaf5d862

Steve · 2026-03-18 22:33 5 file(s) · +27 −4

index.html +2 −1

    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>web</title>
    <meta name="theme-color" content="#121113" />
    <title>keypress timer</title>
  </head>
  <body>
    <div id="app"></div>

src/App.svelte +2 −2


  .idle {
    font-size: 12px;
    color: #666;
    color: #888;
  }

  .stats-bar {

  .json-output {
    font-size: 12px;
    line-height: 1.5;
    color: #ccc;
    color: #ffffff;
    border: 1px solid #333;
    padding: 1rem;
    overflow-x: auto;

src/app.css +23 −1

html {
  background: #121113;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
}

html::-webkit-scrollbar {

  align-items: center;
  gap: 1.5rem;
  min-height: 100vh;
  max-width: 700px;
  max-width: 900px;
  padding: 0 2rem;
  margin: auto;
}


a {
  background: #121113;
  color: #ffffff;
}

button:hover,
a:hover {
  opacity: 0.7;
}

input,
textarea {
  background: #121113;
  color: #ffffff;
  border: 1px solid white;
  padding: 4px;
}

textarea {
  width: 100%;
  min-height: 400px;
  padding: 6px;
}

@media (max-width: 480px) {

src/assets/fonts/CommitMono-400-Regular.otf (added) +0 −0

Binary file — no preview.

src/assets/fonts/CommitMono-700-Regular.otf (added) +0 −0

Binary file — no preview.

175	175
176	176		.idle {
177	177		font-size: 12px;
178		-	color: #666;
	178	+	color: #888;
179	179		}
180	180
181	181		.stats-bar {

240	240		.json-output {
241	241		font-size: 12px;
242	242		line-height: 1.5;
243		-	color: #ccc;
	243	+	color: #ffffff;
244	244		border: 1px solid #333;
245	245		padding: 1rem;
246	246		overflow-x: auto;

24	24		html {
25	25		background: #121113;
26	26		color: #ffffff;
	27	+	font-size: 14px;
	28	+	line-height: 1.6;
27	29		}
28	30
29	31		html::-webkit-scrollbar {

37	39		align-items: center;
38	40		gap: 1.5rem;
39	41		min-height: 100vh;
40		-	max-width: 700px;
	42	+	max-width: 900px;
	43	+	padding: 0 2rem;
41	44		margin: auto;
42	45		}
43	46

54	57		a {
55	58		background: #121113;
56	59		color: #ffffff;
	60	+	}
	61	+
	62	+	button:hover,
	63	+	a:hover {
	64	+	opacity: 0.7;
	65	+	}
	66	+
	67	+	input,
	68	+	textarea {
	69	+	background: #121113;
	70	+	color: #ffffff;
	71	+	border: 1px solid white;
	72	+	padding: 4px;
	73	+	}
	74	+
	75	+	textarea {
	76	+	width: 100%;
	77	+	min-height: 400px;
	78	+	padding: 6px;
57	79		}
58	80
59	81		@media (max-width: 480px) {

4	4		<meta charset="UTF-8" />
5	5		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6	6		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7		-	<title>web</title>
	7	+	<meta name="theme-color" content="#121113" />
	8	+	<title>keypress timer</title>
8	9		</head>
9	10		<body>
10	11		<div id="app"></div>