add light theme

This commit is contained in:
Hesabix 2024-01-05 20:14:54 +00:00
parent 471d8f5e18
commit 3ce75f730b
2 changed files with 11 additions and 21 deletions

View file

@ -25,7 +25,7 @@
<link href="{{ asset('/assets/css/dashmix.min.css') }}" id="css-main" rel="stylesheet"/>
<!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
<link rel="stylesheet" id="css-theme" href="/assets/css/themes/xpro.min.css">
<link rel="stylesheet" id="css-theme" href="/assets/css/themes/xmodern.min.css">
<!-- END Stylesheets -->
<!--===== Custom Font css =====-->
<link href="{{ asset('/assets/css/custom-fonts.css') }}" rel="stylesheet"/>
@ -43,15 +43,15 @@
<body>
<div id="page-container">
<!-- Header -->
<header id="page-header" class="app-header bg-sidebar-dark border-bottom border-light" >
<header id="page-header" class="app-header bg-body-light border-bottom border-light" >
<!-- Header Content -->
<div class="content-header text-light">
<div class="content-header text-dark">
<!-- Left Section -->
<div class="d-flex align-items-center">
<!-- Logo -->
<img class="me-2" src="{{ asset('/img/logo-light.png') }}" alt="" width="48" height="48">
<img class="me-2" src="{{ asset('/img/logo-blue.png') }}" alt="" width="48" height="48">
<a class="text-light fw-semibold tracking-wide" href="{{ path('general_home') }}"><span class="opacity-75">حسابیکس</span>
<a class="text-dark fw-semibold tracking-wide" href="{{ path('general_home') }}"><span class="opacity-75">حسابیکس</span>
<small class="fw-lighter d-none d-sm-block">نرم‌افزار حسابداری ابری و کاملا رایگان</small>
</a>
<!-- END Logo -->
@ -73,26 +73,16 @@
<!-- END Toggle Main Navigation -->
</div>
<!-- END Header Content -->
<!-- Header Loader -->
<!-- Please check out the Loaders page under Components category to see examples of showing/hiding it -->
<div class="overlay-header bg-sidebar-dark" id="page-header-loader">
<div class="content-header">
<div class="w-100 text-center">
<i class="fa fa-fw fa-2x fa-spinner fa-spin text-primary"></i>
</div>
</div>
</div>
<!-- END Header Loader -->
</header>
<!-- Main Container -->
<main id="main-container bg-light p-0 m-0">
<!-- Navigation -->
<div class="bg-sidebar-dark">
<div class="bg-sidebar-info border">
<div class="content py-1">
<!-- Main Navigation -->
<div class="d-none d-lg-block push my-1" id="main-navigation">
<ul class="nav-main nav-main-horizontal nav-main-hover nav-main-dark">
<ul class="nav-main nav-main-horizontal nav-main-hover nav-main-info">
<li class="nav-main-item">
<a class="nav-main-link" href="{{ path('general_home') }}">
<i class="nav-main-link-icon fa fa-home"></i>

View file

@ -1,9 +1,9 @@
{% extends "base.html.twig" %}
{% block title %}نرم افزار حسابداری آنلاین ، متن باز و کاملا رایگان{% endblock %}
{% block body %}
<div class="px-4 py-3 text-center" style="background-color: #c8d7ff">
<div class="px-4 py-3 text-center">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="col-sm-12 col-md-6 mb-2 pt-4">
<h1 class="fw-bold text-primary-darker">
<img class="" src="/img/logo-blue.png" alt="حسابیکس لوگو" width="72" height="72">
حسابداری آنلاین حسابیکس</h1>
@ -12,7 +12,7 @@
نیاز نیست که هیچگونه نرم افزاری را نصب کنید. کافیست در سایت ثبت نام کرده و بلافاصله کسب و کار خود را مدیریت کنید.
</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="{{ twigFunctions.systemSettings().appSite }}/user/login" class="btn btn-primary btn-lg px-4 gap-3">
<a href="{{ twigFunctions.systemSettings().appSite }}/user/login" class="btn btn-success btn-lg px-4 gap-3">
<i class="fa fa-door-open"></i>
ورود | عضویت رایگان
</a>
@ -24,7 +24,7 @@
{% endif %}
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="col-sm-12 col-md-6 mb-2">
<img alt="پیش نمایش حسابیکس" class="img-fluid rounded-3" src="/img/cover.jpg" />
</div>
</div>