Skip to content

Commit

Permalink
remove: 테마별 배경사진 이미지 경로 변경
Browse files Browse the repository at this point in the history
  • Loading branch information
cherryc0ck committed Apr 14, 2023
1 parent 739bec2 commit da6eb01
Show file tree
Hide file tree
Showing 10 changed files with 8 additions and 17 deletions.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
25 changes: 8 additions & 17 deletions src/components/game/gameStep/initGame/InitGame.styled.ts
Original file line number Diff line number Diff line change
@@ -1,14 +1,5 @@
import styled, { css } from "styled-components";

import pinkThemeImg from "@/assets/background/pinkTheme.jpg";
import darkThemeImg from "@/assets/background/darkTheme.jpg";
import purpleThemeImg from "@/assets/background/purpleTheme2.jpg";
import mintThemeImg from "@/assets/background/mintTheme.jpg";
import peachThemeImg from "@/assets/background/peachTheme.jpg";
import vanillaThemeImg from "@/assets/background/vanillaTheme.jpg";
// import lightThemeImg from "./images/lightTheme.jpg";
import greenThemeImg from "@/assets/background/greenTheme.jpg";

const BackgroundTheme = (theme: string) => css`
${theme === "pink" && BackgroundPink};
${theme === "dark" && BackgroundDark};
Expand All @@ -25,35 +16,35 @@ const BackgroundTheme = (theme: string) => css`
`;

const BackgroundPink = () => css`
background-image: url(${pinkThemeImg});
background-image: url("./images/background/pinkTheme.jpg");
`;

const BackgroundDark = () => css`
background-image: url(${darkThemeImg});
background-image: url("./images/background/darkTheme.jpg");
`;

const BackgroundPurple = () => css`
background-image: url(${purpleThemeImg});
background-image: url("./images/background/purpleTheme.jpg");
`;

const BackgroundMint = () => css`
background-image: url(${mintThemeImg});
background-image: url("./images/background/mintTheme.jpg");
`;

const BackgroundPeach = () => css`
background-image: url(${peachThemeImg});
background-image: url("./images/background/peachTheme.jpg");
`;

const BackgroundVanilla = () => css`
background-image: url(${vanillaThemeImg});
background-image: url("./images/background/vanillaTheme.jpg");
`;

const BackgroundLight = () => css`
background-image: url("./images/lightTheme.jpg");
background-image: url("./images/background/lightTheme.jpg");
`;

const BackgroundGreen = () => css`
background-image: url(${greenThemeImg});
background-image: url("./images/background/greenTheme.jpg");
`;

export const Container = styled.div`
Expand Down

0 comments on commit da6eb01

Please sign in to comment.