Experimenting with w3.css themes.

This commit is contained in:
2024-04-04 20:35:09 -04:00
parent 6ae61d5b81
commit 81d1228b92
14 changed files with 112 additions and 112 deletions

View File

@ -61,7 +61,7 @@ class TfTabConnectionsElement extends LitElement {
return html`
<li>
<button
class="w3-button w3-dark-grey"
class="w3-button w3-theme-d1"
@click=${() => self._tunnel(connection.tunnel.id, connection.pubkey)}
>
Connect
@ -75,7 +75,7 @@ class TfTabConnectionsElement extends LitElement {
return html`
<li>
<button
class="w3-button w3-dark-grey"
class="w3-button w3-theme-d1"
@click=${() => tfrpc.rpc.connect(connection)}
>
Connect
@ -94,7 +94,7 @@ class TfTabConnectionsElement extends LitElement {
render_connection(connection) {
return html`
<button
class="w3-button w3-dark-grey"
class="w3-button w3-theme-d1"
@click=${() => tfrpc.rpc.closeConnection(connection.id)}
>
Close
@ -117,9 +117,9 @@ class TfTabConnectionsElement extends LitElement {
return html`
<div class="w3-container">
<h2>New Connection</h2>
<textarea class="w3-input w3-dark-grey" id="code"></textarea>
<textarea class="w3-input w3-theme-d1" id="code"></textarea>
<button
class="w3-button w3-dark-grey"
class="w3-button w3-theme-d1"
@click=${() =>
tfrpc.rpc.connect(self.renderRoot.getElementById('code').value)}
>
@ -143,13 +143,13 @@ class TfTabConnectionsElement extends LitElement {
(x) => html`
<li>
<button
class="w3-button w3-dark-grey"
class="w3-button w3-theme-d1"
@click=${() => self.forget_stored_connection(x)}
>
Forget
</button>
<button
class="w3-button w3-dark-grey"
class="w3-button w3-theme-d1"
@click=${() => tfrpc.rpc.connect(x)}
>
Connect