aboutsummaryrefslogtreecommitdiffstats
path: root/src/app/typing/page.styles.ts
diff options
context:
space:
mode:
authorPinapelz <yukais@pinapelz.com>2026-06-02 02:12:57 -0700
committerPinapelz <yukais@pinapelz.com>2026-06-02 02:13:10 -0700
commit0335b0ad81169232a3dbb1be1341fdcfce548645 (patch)
tree910593fa5e072ea77f594b6f10ddd96e49452446 /src/app/typing/page.styles.ts
parent0d35e75edbc75f186e4a1ed52fbc3549ee9f5cd6 (diff)
migrate to pocketbase backend + auth/login
Diffstat (limited to 'src/app/typing/page.styles.ts')
-rw-r--r--src/app/typing/page.styles.ts168
1 files changed, 0 insertions, 168 deletions
diff --git a/src/app/typing/page.styles.ts b/src/app/typing/page.styles.ts
deleted file mode 100644
index 34f4ebc..0000000
--- a/src/app/typing/page.styles.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-import styled, { createGlobalStyle } from "styled-components";
-import {
- Root as BaseRoot,
- Navbar as BaseNavbar,
- Logo as BaseLogo,
- LogoIcon as BaseLogoIcon,
- NavLink as BaseNavLink,
- NavCtaLink as BaseNavCtaLink,
-} from "../styles/shared";
-import {
- NavLeft,
- NavCenter,
- SearchBox as BaseSearchBox,
- SearchInput as BaseSearchInput,
- SearchButton as BaseSearchButton,
- NavRight,
- ChipsBar as BaseChipsBar,
- Chip as BaseChip,
- GridContainer,
- CardGrid,
- Card as BaseCard,
- ThumbnailWrapper as BaseThumbnailWrapper,
- Thumbnail,
- PlayOverlay,
- PlayCircle,
- CardMeta,
- CardInfo,
- CardTitle as BaseCardTitle,
- CardSub as BaseCardSub,
- EmptyState as BaseEmptyState,
- CtaSection as BaseCtaSection,
- SectionHeading as BaseSectionHeading,
- OpenPlayerLink as BaseOpenPlayerLink,
- PlayerDescription as BasePlayerDescription,
-} from "../page.styles";
-
-export { NavLeft, NavCenter, NavRight, GridContainer, CardGrid, Thumbnail, PlayOverlay, PlayCircle, CardMeta, CardInfo };
-
-export const TypingGlobalStyle = createGlobalStyle`
- html,
- body {
- background-color: #0b0b10;
- }
-`;
-
-export const Root = styled(BaseRoot)`
- background-color: #0b0b10;
- color: #f5f5f5;
-`;
-
-export const Navbar = styled(BaseNavbar)`
- background-color: rgba(11, 11, 16, 0.9);
- border-bottom: 1px solid #1f1f2a;
-`;
-
-export const Logo = styled(BaseLogo)`
- color: #f5f5f5;
-`;
-
-export const LogoIcon = styled(BaseLogoIcon)`
- background-color: #f5f5f5;
- color: #0b0b10;
-`;
-
-export const NavLink = styled(BaseNavLink)`
- color: #b0b3bd;
- &:hover {
- background-color: #1a1d29;
- color: #fff;
- }
-`;
-
-export const NavCtaLink = styled(BaseNavCtaLink)`
- background-color: #1a1d29;
- border-color: #2a2f3d;
- color: #fff;
- &:hover {
- background-color: #222838;
- border-color: #3a4154;
- }
-`;
-
-export const SearchBox = styled(BaseSearchBox)`
- border-color: #2a2f3d;
- background-color: #141824;
- &:focus-within {
- border-color: #4b5563;
- }
-`;
-
-export const SearchInput = styled(BaseSearchInput)`
- color: #f5f5f5;
- &::placeholder {
- color: #8b90a0;
- }
-`;
-
-export const SearchButton = styled(BaseSearchButton)`
- background-color: #1a1d29;
- border-left-color: #2a2f3d;
- color: #c0c4d0;
- &:hover {
- background-color: #222838;
- color: #fff;
- }
-`;
-
-
-
-export const ChipsBar = styled(BaseChipsBar)`
- background-color: #0f111a;
-`;
-
-export const Chip = styled(BaseChip)`
- border-color: #2a2f3d;
- color: #b8bcc7;
- background-color: transparent;
- &:hover {
- background-color: #1a1d29;
- color: #fff;
- }
-`;
-
-export const Card = styled(BaseCard)`
- border: 1px solid #1f1f2a;
- background-color: #0f111a;
- &:hover {
- box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
- border-color: #2a2f3d;
- }
-`;
-
-export const ThumbnailWrapper = styled(BaseThumbnailWrapper)`
- background-color: #1a1d29;
- color: #4b5563;
-`;
-
-export const CardTitle = styled(BaseCardTitle)`
- color: #f5f5f5;
-`;
-
-export const CardSub = styled(BaseCardSub)`
- color: #9aa0ad;
-`;
-
-export const EmptyState = styled(BaseEmptyState)`
- color: #9aa0ad;
-`;
-
-export const CtaSection = styled(BaseCtaSection)`
- border-top-color: #1f1f2a;
-`;
-
-export const SectionHeading = styled(BaseSectionHeading)`
- color: #f5f5f5;
-`;
-
-export const OpenPlayerLink = styled(BaseOpenPlayerLink)`
- background-color: #f5f5f5;
- color: #0b0b10;
- &:hover {
- background-color: #e5e7eb;
- }
-`;
-
-export const PlayerDescription = styled(BasePlayerDescription)`
- color: #9aa0ad;
-`; \ No newline at end of file
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage