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> </ol>
<h3 className="text-xl font-semibold">JSON</h3> <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> <h3 className="text-xl font-semibold">XResources</h3>
<ol className="list-decimal list-inside space-y-2"> <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"> <ol className="list-decimal list-inside space-y-2">
<li>Download the TOML file.</li> <li>Download the TOML file.</li>
<li>Place it in your Alacritty configuration directory.</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> </ol>
<h3 className="text-xl font-semibold">iTerm2</h3> <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>Download the iTerm2 color scheme file.</li>
<li>Open iTerm2 preferences.</li> <li>Open iTerm2 preferences.</li>
<li>Go to Profiles &gt; Colors.</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> <li>Select the downloaded file.</li>
</ol> </ol>
@ -57,8 +57,8 @@ const FormatInstructions: React.FC<FormatInstructionsProps> = ({ isOpen, onClose
<ol className="list-decimal list-inside space-y-2"> <ol className="list-decimal list-inside space-y-2">
<li>Download the JSON file.</li> <li>Download the JSON file.</li>
<li>Open Windows Terminal settings.</li> <li>Open Windows Terminal settings.</li>
<li>In the "schemes" array, add the contents of the downloaded JSON file.</li> <li>In the &quot;schemes&quot; 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 your profile, set &quot;colorScheme&quot; to the name of your new scheme.</li>
</ol> </ol>
<h3 className="text-xl font-semibold">Terminal.app (macOS)</h3> <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 HelpDialog from "./components/HelpDialog";
import { ColorScheme, knownSchemes, generateRandomScheme, generateSchemeFromGeneticAlgorithm } from './utils/colorSchemes'; import { ColorScheme, knownSchemes, generateRandomScheme, generateSchemeFromGeneticAlgorithm } from './utils/colorSchemes';
import { AnimatePresence } from 'framer-motion'; import { AnimatePresence } from 'framer-motion';
import { CodeSample, AppSettings } from './utils/types'; import { AppSettings } from './utils/types';
export default function Home() { export default function Home() {
const [schemes, setSchemes] = useState<ColorScheme[]>([]); 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 : ''; return theme ? theme.name : '';
} }
function getRandomAdjective(color: Color): string { // function getRandomAdjective(color: Color): string {
const adjectives = { // const adjectives = {
warm: ['Cozy', 'Toasty', 'Snug'], // warm: ['Cozy', 'Toasty', 'Snug'],
cool: ['Crisp', 'Fresh', 'Breezy'], // cool: ['Crisp', 'Fresh', 'Breezy'],
neutral: ['Balanced', 'Harmonious', 'Zen'], // neutral: ['Balanced', 'Harmonious', 'Zen'],
bright: ['Radiant', 'Luminous', 'Gleaming'], // bright: ['Radiant', 'Luminous', 'Gleaming'],
dark: ['Mysterious', 'Enigmatic', 'Shadowy'], // dark: ['Mysterious', 'Enigmatic', 'Shadowy'],
}; // };
const hue = color.hue(); // const hue = color.hue();
const lightness = color.lightness(); // const lightness = color.lightness();
let category: keyof typeof adjectives; // let category: keyof typeof adjectives;
if (hue < 60 || hue > 300) category = 'warm'; // if (hue < 60 || hue > 300) category = 'warm';
else if (hue >= 60 && hue <= 300) category = 'cool'; // else if (hue >= 60 && hue <= 300) category = 'cool';
else if (lightness > 70) category = 'bright'; // else if (lightness > 70) category = 'bright';
else if (lightness < 30) category = 'dark'; // else if (lightness < 30) category = 'dark';
else category = 'neutral'; // 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 { function generateRandomScheme(totalSchemes: number): ColorScheme {
if (totalSchemes < 30) { if (totalSchemes < 30) {