Skip to content

Commit

Permalink
init
Browse files Browse the repository at this point in the history
  • Loading branch information
Nikolas committed Nov 30, 2024
1 parent 73bca8f commit 8a772c1
Show file tree
Hide file tree
Showing 7 changed files with 349 additions and 3 deletions.
22 changes: 22 additions & 0 deletions .github/workflows/deploy.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
name: Deploy Reflex App

on:
push:
branches:
- main

jobs:
deploy:
runs-on: ubuntu-latest
steps:
- name: Deploy to Reflex Cloud
uses: reflex-dev/reflex-deploy-action@v1
with:
auth_token: ${{ secrets.REFLEX_AUTH_TOKEN }}
project_id: ${{ secrets.REFLEX_PROJECT_ID }}
app_directory: "my-app-folder" # Optional, defaults to root
extra_args: "--env THIRD_PARTY_APIKEY=${{ secrets.THIRD_PARTY_APIKEY }}" # Optional
python_version: "3.11" # Optional
dry_run: "false" # Optional

# https://github.com/reflex-dev/reflex-deploy-action
95 changes: 95 additions & 0 deletions assets/custom-colors.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
/* Custom colors */

.light,
.light-theme {
/* Slate */
--c-slate-1: #FCFCFD;
--c-slate-2: #F9F9FB;
--c-slate-3: #F0F0F3;
--c-slate-4: #E8E8EC;
--c-slate-5: #E0E1E6;
--c-slate-6: #D9D9E0;
--c-slate-7: #CDCED6;
--c-slate-8: #B9BBC6;
--c-slate-9: #8B8D98;
--c-slate-10: #80838D;
--c-slate-11: #60646C;
--c-slate-12: #1C2024;
/* Violet */
--c-violet-1: #FDFCFE;
--c-violet-2: #FAFBFF;
--c-violet-3: #F4F0FE;
--c-violet-4: #EBE4FF;
--c-violet-5: #E1D9FF;
--c-violet-6: #D4CAFE;
--c-violet-7: #C2B5F5;
--c-violet-8: #AA99EC;
--c-violet-9: #6E56CF;
--c-violet-10: #654DC4;
--c-violet-11: #6550B9;
--c-violet-12: #2F265F;
/* Jade */
--c-jade-8: #56BA9F;
--c-jade-8-a: rgba(86, 186, 159, 0.16);
/* Red */
--c-red-9: #E5484D;
--c-red-10: #DC3E42;
/* White */
--c-white-1: #FFFFFF;
--glow: #EBE4FF;
--wave-line-1: #D4CAFE;
--wave-line-2: #EBE4FF;
}

.dark,
.dark-theme {
/* Slate */
--c-slate-1: #151618;
/* #151618 */
--c-slate-2: #1A1B1D;
/* #1A1B1D */
--c-slate-3: #222326;
/* #222326 */
--c-slate-4: #27282B;
/* #27282B */
--c-slate-5: #303236;
/* #303236 */
--c-slate-6: #4B4D53;
/* #4B4D53 */
--c-slate-7: #5E5F69;
/* #5E5F69 */
--c-slate-8: #6E7287;
/* #6E7287 */
--c-slate-9: #9A9CAC;
/* #9A9CAC */
--c-slate-10: #D9D9E0;
/* #D9D9E0 */
--c-slate-11: #E0E1E6;
/* #E0E1E6 */
--c-slate-12: #FCFCFD;
/* #FCFCFD */
/* Violet */
--c-violet-1: #16112C;
--c-violet-2: #140E2B;
--c-violet-3: #261958;
--c-violet-4: #2F1C78;
--c-violet-5: #352088;
--c-violet-6: #4329AC;
--c-violet-7: #5638D3;
--c-violet-8: #5F43D0;
--c-violet-9: #baa7ff;
--c-violet-10: #D6C8FB;
--c-violet-11: #EDE8FE;
--c-violet-12: #FAF5FE;
/* Jade */
--c-jade-8: #56BA9F;
--c-jade-8-a: rgba(86, 186, 159, 0.16);
/* Red */
--c-red-9: #E5484D;
--c-red-10: #DC3E42;
/* White */
--c-white-1: #0E0F10;
--glow: #261958;
--wave-line-1: #2F1C78;
--wave-line-2: #261958;
}
4 changes: 2 additions & 2 deletions reflex_admin/reflex_admin.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,6 @@

# Create the app.
app = rx.App(
style=styles.base_style,
stylesheets=styles.base_stylesheets,
# style=styles.base_style,
# stylesheets=styles.base_stylesheets,
)
1 change: 1 addition & 0 deletions reflex_admin/styles/__init__.py
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
"""Base template for Reflex."""
192 changes: 192 additions & 0 deletions reflex_admin/styles/tailwind_config.py
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
from reflex_admin.styles.tailwind_radix_map import radix_colors_dict, custom_colors_dict

tw_config = {
"plugins": ["@tailwindcss/typography", "tailwindcss-radix"],
"darkMode": "class",
"theme": {
"fontFamily": {
"sans": ["Instrument Sans", "sans-serif"],
"mono": ["JetBrains Mono", "monospace"],
"body": ["Instrument Sans", "sans-serif"],
},
"fontSize": {
"xs": [
"0.75rem",
{
"lineHeight": "1rem",
"letterSpacing": "-0.00375rem",
},
],
"sm": [
"0.875rem",
{
"lineHeight": "1.25rem",
"letterSpacing": "-0.01rem",
},
],
"base": [
"1rem",
{
"lineHeight": "1.5rem",
"letterSpacing": "-0.015rem",
},
],
"lg": [
"1.125rem",
{
"lineHeight": "1.625rem",
"letterSpacing": "-0.01625rem",
},
],
"xl": [
"1.25rem",
{
"lineHeight": "1.75rem",
"letterSpacing": "-0.028125rem",
},
],
"2xl": [
"1.5rem",
{
"lineHeight": "2rem",
"letterSpacing": "-0.0375rem",
},
],
"3xl": [
"2rem",
{
"lineHeight": "2.5rem",
"letterSpacing": "-0.07rem",
},
],
"4xl": [
"2.5rem",
{
"lineHeight": "3rem",
"letterSpacing": "-0.125rem",
},
],
"5xl": [
"3rem",
{
"lineHeight": "3.5rem",
"letterSpacing": "-0.1575rem",
},
],
"6xl": [
"3.5rem",
{
"lineHeight": "4rem",
"letterSpacing": "-0.1925rem",
},
],
},
"fontSize": {
"xs": [
"0.75rem",
{
"lineHeight": "1rem",
"letterSpacing": "-0.00375rem",
},
],
"sm": [
"0.875rem",
{
"lineHeight": "1.25rem",
"letterSpacing": "-0.01rem",
},
],
"base": [
"1rem",
{
"lineHeight": "1.5rem",
"letterSpacing": "-0.015rem",
},
],
"lg": [
"1.125rem",
{
"lineHeight": "1.625rem",
"letterSpacing": "-0.01625rem",
},
],
"xl": [
"1.25rem",
{
"lineHeight": "1.75rem",
"letterSpacing": "-0.028125rem",
},
],
"2xl": [
"1.5rem",
{
"lineHeight": "2rem",
"letterSpacing": "-0.0375rem",
},
],
"3xl": [
"2rem",
{
"lineHeight": "2.5rem",
"letterSpacing": "-0.07rem",
},
],
"4xl": [
"2.5rem",
{
"lineHeight": "3rem",
"letterSpacing": "-0.125rem",
},
],
"5xl": [
"3rem",
{
"lineHeight": "3.5rem",
"letterSpacing": "-0.1575rem",
},
],
"6xl": [
"3.5rem",
{
"lineHeight": "4rem",
"letterSpacing": "-0.1925rem",
},
],
},
"colors": {
**radix_colors_dict,
**custom_colors_dict,
"transparent": "transparent",
},
"boxShadow": {
"none": "none",
"small": "0px 2px 5px 0px light-dark(rgba(28, 32, 36, 0.03), rgba(0, 0, 0, 0.00))",
"medium": "0px 4px 8px 0px light-dark(rgba(28, 32, 36, 0.04), rgba(0, 0, 0, 0.00))",
"large": "0px 24px 12px 0px light-dark(rgba(28, 32, 36, 0.02), rgba(0, 0, 0, 0.00)), 0px 8px 8px 0px light-dark(rgba(28, 32, 36, 0.02), rgba(0, 0, 0, 0.00)), 0px 2px 6px 0px light-dark(rgba(28, 32, 36, 0.02), rgba(0, 0, 0, 0.00))",
},
"keyframes": {
"accordion-down": {
"from": {"height": "0"},
"to": {"height": "var(--radix-accordion-content-height)"},
},
"accordion-up": {
"from": {"height": "var(--radix-accordion-content-height)"},
"to": {"height": "0"},
},
"spin": {
"from": {"transform": "rotate(0deg)"},
"to": {"transform": "rotate(360deg)"},
},
"blur-in": {
"0%": {"filter": "blur(4px)"},
"100%": {"filter": "blur(0)"},
},
},
"animation": {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
"spin": "spin 1s linear infinite",
"blur-in": "blur-in 0.15s ease forwards",
},
},
}
33 changes: 33 additions & 0 deletions reflex_admin/styles/tailwind_radix_map.py
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
from reflex.constants.colors import ColorType


# Default Radix Colors
def create_colors_dict() -> dict:
colors_dict = {}
for color in ColorType.__args__:
if color not in ["black", "white"]:
colors_dict[color] = {
shade: f"var(--{'c-' if color in ['slate', 'violet'] else ''}{color}-{shade})"
for shade in range(1, 13)
}
# Append the alpha colors
colors_dict[f"{color}A"] = {
shade: f"var(--{color}-a{shade})" for shade in range(1, 13)
}
return colors_dict


# Custom Colors from the 'custom-colors.css' file
def create_custom_colors_dict() -> dict:
custom_colors_dict = {}
for color in ["slate", "violet"]:
custom_colors_dict[color] = {
shade: f"var(--c-{color}-{shade})" for shade in range(1, 13)
}
# Add the white color
custom_colors_dict["white"] = {1: "var(--c-white-1)"}
return custom_colors_dict


radix_colors_dict = create_colors_dict()
custom_colors_dict = create_custom_colors_dict()
5 changes: 4 additions & 1 deletion rxconfig.py
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
import reflex as rx
from reflex_admin.styles.tailwind_config import tw_config

config = rx.Config(
app_name="reflex_admin",
)
telemetry_enabled=False,
tailwind=tw_config,
)

0 comments on commit 8a772c1

Please sign in to comment.