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"/> <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: --> <!-- 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 --> <!-- END Stylesheets -->
<!--===== Custom Font css =====--> <!--===== Custom Font css =====-->
<link href="{{ asset('/assets/css/custom-fonts.css') }}" rel="stylesheet"/> <link href="{{ asset('/assets/css/custom-fonts.css') }}" rel="stylesheet"/>
@ -43,15 +43,15 @@
<body> <body>
<div id="page-container"> <div id="page-container">
<!-- Header --> <!-- 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 --> <!-- Header Content -->
<div class="content-header text-light"> <div class="content-header text-dark">
<!-- Left Section --> <!-- Left Section -->
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<!-- Logo --> <!-- 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> <small class="fw-lighter d-none d-sm-block">نرم‌افزار حسابداری ابری و کاملا رایگان</small>
</a> </a>
<!-- END Logo --> <!-- END Logo -->
@ -73,26 +73,16 @@
<!-- END Toggle Main Navigation --> <!-- END Toggle Main Navigation -->
</div> </div>
<!-- END Header Content --> <!-- 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> </header>
<!-- Main Container --> <!-- Main Container -->
<main id="main-container bg-light p-0 m-0"> <main id="main-container bg-light p-0 m-0">
<!-- Navigation --> <!-- Navigation -->
<div class="bg-sidebar-dark"> <div class="bg-sidebar-info border">
<div class="content py-1"> <div class="content py-1">
<!-- Main Navigation --> <!-- Main Navigation -->
<div class="d-none d-lg-block push my-1" id="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"> <li class="nav-main-item">
<a class="nav-main-link" href="{{ path('general_home') }}"> <a class="nav-main-link" href="{{ path('general_home') }}">
<i class="nav-main-link-icon fa fa-home"></i> <i class="nav-main-link-icon fa fa-home"></i>

View file

@ -1,9 +1,9 @@
{% extends "base.html.twig" %} {% extends "base.html.twig" %}
{% block title %}نرم افزار حسابداری آنلاین ، متن باز و کاملا رایگان{% endblock %} {% block title %}نرم افزار حسابداری آنلاین ، متن باز و کاملا رایگان{% endblock %}
{% block body %} {% 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="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"> <h1 class="fw-bold text-primary-darker">
<img class="" src="/img/logo-blue.png" alt="حسابیکس لوگو" width="72" height="72"> <img class="" src="/img/logo-blue.png" alt="حسابیکس لوگو" width="72" height="72">
حسابداری آنلاین حسابیکس</h1> حسابداری آنلاین حسابیکس</h1>
@ -12,7 +12,7 @@
نیاز نیست که هیچگونه نرم افزاری را نصب کنید. کافیست در سایت ثبت نام کرده و بلافاصله کسب و کار خود را مدیریت کنید. نیاز نیست که هیچگونه نرم افزاری را نصب کنید. کافیست در سایت ثبت نام کرده و بلافاصله کسب و کار خود را مدیریت کنید.
</p> </p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> <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> <i class="fa fa-door-open"></i>
ورود | عضویت رایگان ورود | عضویت رایگان
</a> </a>
@ -24,7 +24,7 @@
{% endif %} {% endif %}
</div> </div>
</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" /> <img alt="پیش نمایش حسابیکس" class="img-fluid rounded-3" src="/img/cover.jpg" />
</div> </div>
</div> </div>