Rebrand Nostore to Nostash and set minimum deployment to iOS 18.0
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"extension_name": {
|
||||
"message": "Nostore",
|
||||
"message": "Nostash",
|
||||
"description": "Securely sign Nostr events."
|
||||
},
|
||||
"extension_description": {
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="text-fuchsia-900 p-3.5 lg:p-32" x-data="eventLog">
|
||||
<body class="text-nostash-blue p-3.5 lg:p-32" x-data="eventLog">
|
||||
<p>
|
||||
<a href="/options.html" class="border-none hover:underline"
|
||||
>← Back</a
|
||||
@@ -182,7 +182,7 @@
|
||||
</div>
|
||||
|
||||
<template x-for="(event, index) in events">
|
||||
<div class="mt-3 border-solid border border-fuchsia-700 rounded-lg">
|
||||
<div class="mt-3 border-solid border border-nostash-blue rounded-lg">
|
||||
<div
|
||||
class="select-none flex cursor-pointer text-sm md:text-xl"
|
||||
@click="selected = selected === index ? null : index"
|
||||
@@ -218,7 +218,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<div
|
||||
class="fixed top-0 right-0 bg-fuchsia-800 rounded-md p-4 text-white m-8 drop-shadow-md"
|
||||
class="fixed top-0 right-0 bg-nostash-blue rounded-md p-4 text-white m-8 drop-shadow-md"
|
||||
x-show="copied"
|
||||
x-cloack
|
||||
>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<title>Experimental Features</title>
|
||||
</head>
|
||||
|
||||
<body class="text-fuchsia-900 p-3.5 lg:p-32" x-data="experimental">
|
||||
<body class="text-nostash-blue p-3.5 lg:p-32" x-data="experimental">
|
||||
<p>
|
||||
<a href="/options.html" class="border-none hover:underline"
|
||||
>← Back</a
|
||||
|
||||
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 306 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 810 B After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 966 B After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 6.4 KiB |
@@ -9,7 +9,7 @@
|
||||
@layer components {
|
||||
.button {
|
||||
/* Colors */
|
||||
@apply bg-fuchsia-900 hover:bg-fuchsia-800 active:bg-fuchsia-700 text-fuchsia-200 disabled:bg-gray-200 disabled:text-black;
|
||||
@apply bg-nostash-blue hover:bg-nostash-gold-dark active:bg-nostash-gold text-nostash-gold-light disabled:bg-gray-200 disabled:text-black;
|
||||
|
||||
/* Sizing and padding */
|
||||
@apply rounded-lg p-1.5 md:w-24 min-w-fit text-center;
|
||||
@@ -17,7 +17,7 @@
|
||||
|
||||
.input {
|
||||
/* Colors */
|
||||
@apply bg-fuchsia-200 text-fuchsia-800 disabled:bg-gray-200 disabled:text-black focus:border-fuchsia-800;
|
||||
@apply bg-nostash-gold-light text-nostash-blue disabled:bg-gray-200 disabled:text-black focus:border-nostash-blue;
|
||||
|
||||
/* Sizing and padding */
|
||||
@apply rounded-lg p-1.5 lg:p-1.5 w-full md:w-64;
|
||||
@@ -25,14 +25,14 @@
|
||||
|
||||
.checkbox {
|
||||
/* Colors */
|
||||
@apply text-fuchsia-800 bg-fuchsia-200 rounded-full accent-fuchsia-200;
|
||||
@apply text-nostash-blue bg-nostash-gold-light rounded-full accent-nostash-gold-light;
|
||||
|
||||
/* Sizing and padding */
|
||||
@apply w-4 h-4 lg:w-5 lg:h-5;
|
||||
}
|
||||
|
||||
.section {
|
||||
@apply border-2 border-fuchsia-700 rounded-lg p-1 md:p-5 mt-6 shadow-md;
|
||||
@apply border-2 border-nostash-gold-dark rounded-lg p-1 md:p-5 mt-6 shadow-md;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
@@ -44,6 +44,6 @@
|
||||
}
|
||||
|
||||
a {
|
||||
@apply border-2 border-dotted text-fuchsia-800 border-fuchsia-800 hover:border-transparent;
|
||||
@apply border-2 border-dotted text-nostash-blue border-nostash-blue hover:border-transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<script defer src="options.build.js"></script>
|
||||
</head>
|
||||
|
||||
<body x-data="options" class="text-fuchsia-900 p-3.5 lg:p-32">
|
||||
<body x-data="options" class="text-nostash-blue p-3.5 lg:p-32">
|
||||
<h1 class="text-3xl lg:text-6xl font-bold md:text-center">Settings</h1>
|
||||
|
||||
<!-- PROFILES -->
|
||||
|
||||
@@ -1,18 +1,36 @@
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--nostash-blue: #0a3b66;
|
||||
--nostash-gold: #f4b731;
|
||||
--nostash-gold-dark: #d29e2a;
|
||||
--nostash-gold-light: #f9d57a;
|
||||
--nostash-text-light: #ffffff;
|
||||
--nostash-text-dark: #e0e0e0;
|
||||
--nostash-bg-light: #fefefe;
|
||||
--nostash-bg-dark: #0a1e33;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 300px;
|
||||
padding: 15px;
|
||||
|
||||
font-family: system-ui;
|
||||
|
||||
background-color: var(--nostash-bg-light);
|
||||
color: var(--nostash-blue);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: var(--nostash-bg-dark);
|
||||
color: var(--nostash-text-dark);
|
||||
}
|
||||
}
|
||||
|
||||
.relay {
|
||||
margin-top: 10px;
|
||||
font-size: 80%;
|
||||
color: darkred;
|
||||
color: var(--nostash-gold-dark);
|
||||
}
|
||||
|
||||
.help {
|
||||
@@ -22,5 +40,5 @@ body {
|
||||
.disclaimer {
|
||||
margin-top: 10px;
|
||||
font-size: 50%;
|
||||
color: green;
|
||||
color: var(--nostash-gold);
|
||||
}
|
||||
|
||||