mirror of
https://github.com/google-gemini/gemini-cli.git
synced 2026-03-17 01:21:10 -07:00
f7edf71190
- This utilizes `ink-gradient` to render GEMINI CODE in amazing colors. - Added a shared color configuration for UX (should this be in config?). It's very possible that we shouldn't be talking about the specific colors and instead be mentioning "foreground"/"background"/inlineCode etc. type colors. - Updated existing color usages to utilize `Colors.*` Fixes https://b.corp.google.com/issues/411385593
34 lines
911 B
TypeScript
34 lines
911 B
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Box, Text } from 'ink';
|
|
import { Colors } from '../colors.js';
|
|
|
|
export const Tips: React.FC = () => (
|
|
<Box flexDirection="column" marginBottom={1}>
|
|
<Text color={Colors.Foreground}>Tips for getting started:</Text>
|
|
<Text color={Colors.Foreground}>
|
|
1.{' '}
|
|
<Text bold color={Colors.AccentPurple}>
|
|
/help
|
|
</Text>{' '}
|
|
for more information.
|
|
</Text>
|
|
<Text color={Colors.Foreground}>
|
|
2.{' '}
|
|
<Text bold color={Colors.AccentPurple}>
|
|
/init
|
|
</Text>{' '}
|
|
to create a GEMINI.md for instructions & context.
|
|
</Text>
|
|
<Text color={Colors.Foreground}>
|
|
3. Ask coding questions, edit code or run commands.
|
|
</Text>
|
|
<Text color={Colors.Foreground}>4. Be specific for the best results.</Text>
|
|
</Box>
|
|
);
|