7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-09-05 23:30:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

complete colors in dark mode

Browse Source
This commit is contained in:
butterfly
2024-05-01 22:35:23 +08:00
parent 8a14cb19a9
commit 68f0fa917f
20 changed files with 174 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/containers/Chat/components/ChatActions.tsx
View File

@@ -187,7 +187,7 @@ export function ChatActions(props: {
return (
<div
key={act.text}
className={`flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer`}
className={`flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer follow-parent-svg default-icon-color`}
onClick={act.onClick}
>
{act.icon}
@@ -206,7 +206,7 @@ export function ChatActions(props: {
placement="rt"
noArrow
popoverClassName="border border-chat-actions-popover-mobile rounded-md shadow-chat-actions-popover-mobile w-actions-popover bg-chat-actions-popover-panel-mobile "
className=" cursor-pointer"
className=" cursor-pointer follow-parent-svg default-icon-color"
>
<AddCircleIcon />
</Popover>
@@ -236,7 +236,11 @@ export function ChatActions(props: {
className={`${act.className ?? ""}`}
>
<div
className={` cursor-pointer h-[32px] w-[32px] flex items-center justify-center transition duration-300 ease-in-out hover:bg-chat-actions-btn-hovered hover:rounded-action-btn`}
className={`
cursor-pointer h-[32px] w-[32px] flex items-center justify-center transition duration-300 ease-in-out
hover:bg-chat-actions-btn-hovered hover:rounded-action-btn
follow-parent-svg default-icon-color
`}
onClick={act.onClick}
>
{act.icon}
@@ -256,7 +260,11 @@ export function ChatActions(props: {
placement={ind === arr.length - 1 ? "rt" : "t"}
>
<div
className=" cursor-pointer h-[32px] w-[32px] flex items-center transition duration-300 ease-in-out justify-center hover:bg-chat-actions-btn-hovered hover:rounded-action-btn"
className={`
cursor-pointer h-[32px] w-[32px] flex items-center transition duration-300 ease-in-out justify-center
hover:bg-chat-actions-btn-hovered hover:rounded-action-btn
follow-parent-svg default-icon-color
`}
onClick={act.onClick}
>
{act.icon}

9
app/containers/Chat/components/ChatHeader.tsx
View File

@@ -22,8 +22,6 @@ export default function ChatHeader(props: ChatHeaderProps) {
const chatStore = useChatStore();
const session = chatStore.currentSession();
const currentModel = chatStore.currentSession().mask.modelConfig.model;
return (
<div
className={`
@@ -40,7 +38,10 @@ export default function ChatHeader(props: ChatHeaderProps) {
</div>
{isMobileScreen ? (
<div className=" cursor-pointer" onClick={() => navigate(Path.Home)}>
<div
className=" cursor-pointer follow-parent-svg default-icon-color"
onClick={() => navigate(Path.Home)}
>
<GobackIcon />
</div>
) : (
@@ -78,7 +79,7 @@ export default function ChatHeader(props: ChatHeaderProps) {
</div>
<div
className=" cursor-pointer hover:bg-hovered-btn p-1.5 rounded-action-btn"
className=" cursor-pointer hover:bg-hovered-btn p-1.5 rounded-action-btn follow-parent-svg default-icon-color"
onClick={() => {
setShowExport(true);
}}

2
app/containers/Chat/components/ChatInputPanel.tsx
View File

@@ -277,7 +277,7 @@ export default forwardRef<ChatInputPanelInstance, ChatInputPanelProps>(
id="chat-input"
ref={inputRef}
className={`
leading-[19px] flex-1 focus:outline-none focus:shadow-none focus:border-none resize-none
leading-[19px] flex-1 focus:outline-none focus:shadow-none focus:border-none resize-none bg-inherit text-text-input
max-md:h-chat-input-mobile
md:min-h-chat-input
`}

1
app/containers/Chat/components/EditMessageModal.tsx
View File

@@ -42,6 +42,7 @@ export function EditMessageModal(props: { onClose: () => void }) {
}}
/>,
]}
// className="!bg-modal-mask"
>
<List>
<ListItem

11
app/containers/Chat/components/ModelSelect.tsx
View File

@@ -80,7 +80,7 @@ const ModelSelect = () => {
}}
ref={currentModel === o.name ? selectedItemRef : undefined}
>
<div className={`flex-1`}>{o.name}</div>
<div className={`flex-1 text-text-select`}>{o.name}</div>
<div
className={currentModel === o.name ? "opacity-100" : "opacity-0"}
>
@@ -111,7 +111,10 @@ const ModelSelect = () => {
noFooter
modelClassName="h-model-bottom-drawer"
>
<div className="flex items-center gap-1 cursor-pointer" ref={rootRef}>
<div
className="flex items-center gap-1 cursor-pointer text-text-modal-select"
ref={rootRef}
>
{currentModel}
<BottomArrowMobile />
</div>
@@ -127,7 +130,7 @@ const ModelSelect = () => {
placement={
position?.poi.relativePosition[1] !== Orientation.bottom ? "lb" : "lt"
}
popoverClassName="border border-select-popover rounded-lg shadow-select-popover-shadow w-actions-popover bg-select-popover-panel max-h-chat-actions-select-model-popover w-[280px]"
popoverClassName="border border-select-popover rounded-lg shadow-select-popover-shadow w-actions-popover bg-model-select-popover-panel max-h-chat-actions-select-model-popover w-[280px]"
onShow={(e) => {
if (e) {
autoScrollToSelectedModal();
@@ -140,7 +143,7 @@ const ModelSelect = () => {
className="flex items-center justify-center gap-1 cursor-pointer rounded-chat-model-select pl-3 pr-2.5 py-2 font-common leading-4 bg-chat-actions-select-model hover:bg-chat-actions-select-model-hover"
ref={rootRef}
>
<div className="line-clamp-1 max-w-chat-actions-select-model text-sm-title">
<div className="line-clamp-1 max-w-chat-actions-select-model text-sm-title text-text-modal-select">
{currentModel}
</div>
<BottomArrow />

1
app/containers/Chat/components/SessionConfigModal.tsx
View File

@@ -49,6 +49,7 @@ export default function SessionConfigModel(props: { onClose: () => void }) {
}}
/>,
]}
// className="!bg-modal-mask"
>
<MaskConfig
mask={session.mask}

17
app/containers/Chat/components/SessionItem.tsx
View File

@@ -99,13 +99,18 @@ export default function SessionItem(props: {
<Popover
content={
<div
className={`flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer`}
className={`
flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer
follow-parent-svg
fill-none
text-text-chat-menu-item-delete
`}
onClickCapture={(e) => {
props.onDelete?.();
}}
>
<DeleteChatIcon />
<div className="flex-1 font-common text-actions-popover-menu-item text-text-chat-menu-item-delete">
<div className="flex-1 font-common text-actions-popover-menu-item ">
{Locale.Chat.Actions.Delete}
</div>
</div>
@@ -124,6 +129,7 @@ export default function SessionItem(props: {
md:group-hover/chat-menu-list:opacity-100
md:hover:bg-select-hover
follow-parent-svg
fill-none
text-text-chat-menu-item-time
`}
>
@@ -134,7 +140,12 @@ export default function SessionItem(props: {
<HoverPopover
content={
<div
className={`flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer`}
className={`
flex items-center gap-3 p-3 rounded-action-btn leading-6 cursor-pointer
follow-parent-svg
fill-none
text-text-chat-menu-item-delete
`}
onClickCapture={(e) => {
props.onDelete?.();
e.preventDefault();

2
app/containers/Chat/index.module.scss
View File

@@ -527,7 +527,7 @@
.prompt-hints {
.prompt-hint {
color: var(--black);
color:var(--btn-default-text);
padding: 6px 10px;
// animation: slide-in ease 0.3s;
// cursor: pointer;

1
app/containers/Settings/components/SyncConfigModal.tsx
View File

@@ -77,6 +77,7 @@ export default function SyncConfigModal(props: { onClose?: () => void }) {
text={Locale.UI.Confirm}
/>,
]}
className="!bg-modal-mask active-new"
>
<List
widgetStyle={{

2
app/containers/Settings/components/UserPromptModal.tsx
View File

@@ -32,6 +32,7 @@ function EditPromptModal(props: { id: string; onClose: () => void }) {
bordered
/>,
]}
// className="!bg-modal-mask"
>
<div className={styles["edit-prompt-modal"]}>
<Input
@@ -103,6 +104,7 @@ export default function UserPromptModal(props: { onClose?: () => void }) {
text={Locale.Settings.Prompt.Modal.Add}
/>,
]}
// className="!bg-modal-mask"
>
<div className={styles["user-prompt-modal"]}>
<Input