{first.title}
-- {first.text} -
-{first.title}
++ {first.text} +
+
@@ -90,6 +92,13 @@ export default function About({
);
}
+export default connect(
+ (state: any) => ({
+ theme: state.publicApi.theme,
+ }),
+ {setTheme : publicApi.setTheme,}
+)(About);
+
About.defaultProps = {
first: {
title: "درباره ما",
diff --git a/src/views/Auth/Login/index.scss b/src/views/Auth/Login/index.scss
index 3b93937..2f7f875 100644
--- a/src/views/Auth/Login/index.scss
+++ b/src/views/Auth/Login/index.scss
@@ -6,12 +6,12 @@
&__options {
color: #b5b5b5;
a {
- color: #84de56;
+ color: $green4;
}
}
button[type="submit"] {
margin-top: 25px;
- background-color: #84de56;
+ background-color: $green4;
color: white;
padding: 10px 0px;
border: 0px;
@@ -56,7 +56,7 @@
color: white;
font-size: 14px;
a {
- color: #84de56;
+ color: $green4;
}
}
&__back {
@@ -103,7 +103,7 @@
color: white;
font-size: calc(100vw / 110);
a {
- color: #84de56;
+ color: $green4;
}
}
&__back {
@@ -160,7 +160,7 @@
color: white;
font-size: calc(100vw / 40);
a {
- color: #84de56;
+ color: $green4;
}
}
&__back {
@@ -218,7 +218,7 @@
color: white;
font-size: calc(100vw / 30);
a {
- color: #84de56;
+ color: $green4;
}
}
&__back {
diff --git a/src/views/Auth/Login/index.tsx b/src/views/Auth/Login/index.tsx
index 222995d..7d7f8ff 100644
--- a/src/views/Auth/Login/index.tsx
+++ b/src/views/Auth/Login/index.tsx
@@ -13,7 +13,6 @@ import onInput from "../../../util/onInput";
import { connect } from "react-redux";
import { user } from "../../../redux/actions";
-import "./index.scss";
interface LoginFields {
username?: string;
@@ -72,12 +71,12 @@ function Login({login, ...props}: any) {
{
diff --git a/src/views/Home/Books/Book/index.tsx b/src/views/Home/Books/Book/index.tsx
index 7a47942..dfcddd8 100644
--- a/src/views/Home/Books/Book/index.tsx
+++ b/src/views/Home/Books/Book/index.tsx
@@ -1,6 +1,5 @@
import React from "react";
import { Link } from 'react-router-dom';
-import "./index.scss";
export default function Book(props: any) {
const { data } = props;
diff --git a/src/views/Home/Books/index.scss b/src/views/Home/Books/index.scss
index 8bd087d..16d9026 100644
--- a/src/views/Home/Books/index.scss
+++ b/src/views/Home/Books/index.scss
@@ -1,3 +1,5 @@
+@import './Book/index.scss';
+
.home-books {
width: 100%;
margin: 0px auto;
@@ -12,7 +14,7 @@
margin: 0px;
}
span{
- color: #aaa;
+ color: $gray;
}
}
@@ -21,7 +23,7 @@
bottom: 0px;
left: 50%;
transform: translate(-50%, +50%);
- background-color: #0f0f0f;
+ background-color: black;
padding-right: 5px;
color: green;
}
diff --git a/src/views/Home/Books/index.tsx b/src/views/Home/Books/index.tsx
index aff73c2..e4bdb6e 100644
--- a/src/views/Home/Books/index.tsx
+++ b/src/views/Home/Books/index.tsx
@@ -3,7 +3,6 @@ import { useSelector, connect } from "react-redux";
import Carousel from "react-elastic-carousel";
import Book from "./Book/index";
import { book } from "../../../redux/actions";
-import "./index.scss";
function Books({list, number}: any) {
const slideNumberHandler = () => {
diff --git a/src/views/Home/Courses/Course/index.scss b/src/views/Home/Courses/Course/index.scss
index 0109720..be4a542 100644
--- a/src/views/Home/Courses/Course/index.scss
+++ b/src/views/Home/Courses/Course/index.scss
@@ -16,17 +16,17 @@
margin-right: 10px;
p {
margin: 0px;
- color: #C9C9C9;
+ color: $gray10;
}
h2{
color: white;
}
li{
- background-color: #4F4F4F;
+ background-color: $gray5;
border-radius: 15px;
padding: 3px 6px;
margin-left: 3px;
- color: #C4C4C4;
+ color: $gray10;
font-family: numeralLight;
margin-top: 5px;
}
diff --git a/src/views/Home/Courses/Course/index.tsx b/src/views/Home/Courses/Course/index.tsx
index 98d9805..68374bb 100644
--- a/src/views/Home/Courses/Course/index.tsx
+++ b/src/views/Home/Courses/Course/index.tsx
@@ -2,7 +2,6 @@ import React from "react";
import Avatar from "@mui/material/Avatar";
import {Link} from 'react-router-dom';
-import "./index.scss";
export default function Course(props: any) {
const { data } = props;
diff --git a/src/views/Home/Courses/index.scss b/src/views/Home/Courses/index.scss
index 744e73b..6322d86 100644
--- a/src/views/Home/Courses/index.scss
+++ b/src/views/Home/Courses/index.scss
@@ -1,7 +1,10 @@
+@import './Course/index.scss';
+
.home-courses {
width: 100%;
margin: 0px auto;
- border-top: 1px solid #333; border-bottom: 1px solid #333;
+ border-top: 1px solid $gray8;
+ border-bottom: 1px solid $gray8;
position: relative;
margin-top: 30px;
padding: 20px 10px 50px;
@@ -14,7 +17,7 @@
margin-bottom: 10px;
}
span{
- color: #aaa;
+ color: $gray;
}
a{
display: none;
@@ -27,9 +30,9 @@
transform: translate(-50%, +50%);
background-color: black;
padding-right: 5px;
- color: #9CDF52;
+ color: $green;
&:hover{
- color: #9CDF52;
+ color: $green;
}
}
&__list{
@@ -112,7 +115,7 @@
}
a{
display: flex;
- color: #9CDF52;
+ color: $green;
font-size: calc(100vw / 28);
}
}
diff --git a/src/views/Home/Courses/index.tsx b/src/views/Home/Courses/index.tsx
index d0789b8..4eb8126 100644
--- a/src/views/Home/Courses/index.tsx
+++ b/src/views/Home/Courses/index.tsx
@@ -4,7 +4,6 @@ import Course from "./Course/index";
import { Link } from "react-router-dom";
import ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
import { connect } from 'react-redux';
-import "./index.scss";
function Courses({ number, courses, selectedSort }: any) {
const slideNumberHandler = () => {
@@ -50,11 +49,11 @@ function Courses({ number, courses, selectedSort }: any) {
)}
مشاهده بیشتر{" "}
-