dubey/TerminalTinder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix build

Browse Source
This commit is contained in:
Tanishq Dubey 2024-09-10 13:02:39 -04:00
parent 9355fc5a12
commit ce7b1e6679
3 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/FormatInstructions.tsx
View File

@ -28,7 +28,7 @@ const FormatInstructions: React.FC<FormatInstructionsProps> = ({ isOpen, onClose
</ol>
<h3 className="text-xl font-semibold">JSON</h3>
<p>JSON format can be used in various terminals. Refer to your terminal's documentation for specific instructions.</p>
<p>JSON format can be used in various terminals. Refer to your terminal&apos;s documentation for specific instructions.</p>
<h3 className="text-xl font-semibold">XResources</h3>
<ol className="list-decimal list-inside space-y-2">
@ -41,7 +41,7 @@ const FormatInstructions: React.FC<FormatInstructionsProps> = ({ isOpen, onClose
<ol className="list-decimal list-inside space-y-2">
<li>Download the TOML file.</li>
<li>Place it in your Alacritty configuration directory.</li>
<li>In your <code>alacritty.toml</code> file, add: <code>import = ["/path/to/your/theme.toml"]</code></li>
<li>In your <code>alacritty.toml</code> file, add: <code>import = [&quot;/path/to/your/theme.toml&quot;]</code></li>
</ol>
<h3 className="text-xl font-semibold">iTerm2</h3>
@ -49,7 +49,7 @@ const FormatInstructions: React.FC<FormatInstructionsProps> = ({ isOpen, onClose
<li>Download the iTerm2 color scheme file.</li>
<li>Open iTerm2 preferences.</li>
<li>Go to Profiles &gt; Colors.</li>
<li>Click on "Color Presets..." and choose "Import..."</li>
<li>Click on &quot;Color Presets...&quot; and choose &quot;Import...&quot;</li>
<li>Select the downloaded file.</li>
</ol>
@ -57,8 +57,8 @@ const FormatInstructions: React.FC<FormatInstructionsProps> = ({ isOpen, onClose
<ol className="list-decimal list-inside space-y-2">
<li>Download the JSON file.</li>
<li>Open Windows Terminal settings.</li>
<li>In the "schemes" array, add the contents of the downloaded JSON file.</li>
<li>In your profile, set "colorScheme" to the name of your new scheme.</li>
<li>In the &quot;schemes&quot; array, add the contents of the downloaded JSON file.</li>
<li>In your profile, set &quot;colorScheme&quot; to the name of your new scheme.</li>
</ol>
<h3 className="text-xl font-semibold">Terminal.app (macOS)</h3>

2
app/page.tsx
View File

@ -8,7 +8,7 @@ import Settings from "./components/Settings";
import HelpDialog from "./components/HelpDialog";
import { ColorScheme, knownSchemes, generateRandomScheme, generateSchemeFromGeneticAlgorithm } from './utils/colorSchemes';
import { AnimatePresence } from 'framer-motion';
import { CodeSample, AppSettings } from './utils/types';
import { AppSettings } from './utils/types';
export default function Home() {
const [schemes, setSchemes] = useState<ColorScheme[]>([]);

36
app/utils/colorSchemes.ts
View File

@ -166,27 +166,27 @@ function getTheme(dominantColor: Color): string {
return theme ? theme.name : '';
}
function getRandomAdjective(color: Color): string {
const adjectives = {
warm: ['Cozy', 'Toasty', 'Snug'],
cool: ['Crisp', 'Fresh', 'Breezy'],
neutral: ['Balanced', 'Harmonious', 'Zen'],
bright: ['Radiant', 'Luminous', 'Gleaming'],
dark: ['Mysterious', 'Enigmatic', 'Shadowy'],
};
// function getRandomAdjective(color: Color): string {
// const adjectives = {
// warm: ['Cozy', 'Toasty', 'Snug'],
// cool: ['Crisp', 'Fresh', 'Breezy'],
// neutral: ['Balanced', 'Harmonious', 'Zen'],
// bright: ['Radiant', 'Luminous', 'Gleaming'],
// dark: ['Mysterious', 'Enigmatic', 'Shadowy'],
// };
const hue = color.hue();
const lightness = color.lightness();
// const hue = color.hue();
// const lightness = color.lightness();
let category: keyof typeof adjectives;
if (hue < 60 || hue > 300) category = 'warm';
else if (hue >= 60 && hue <= 300) category = 'cool';
else if (lightness > 70) category = 'bright';
else if (lightness < 30) category = 'dark';
else category = 'neutral';
// let category: keyof typeof adjectives;
// if (hue < 60 || hue > 300) category = 'warm';
// else if (hue >= 60 && hue <= 300) category = 'cool';
// else if (lightness > 70) category = 'bright';
// else if (lightness < 30) category = 'dark';
// else category = 'neutral';
return adjectives[category][Math.floor(Math.random() * adjectives[category].length)];
}
// return adjectives[category][Math.floor(Math.random() * adjectives[category].length)];
// }
function generateRandomScheme(totalSchemes: number): ColorScheme {
if (totalSchemes < 30) {