Dark Theme and Customizable Theme for SangTacViet
SangTacViet Dark Theme by quangminh1451
Details
Authorquangminh1451
LicenseNo License
Categorysangtacviet
Created
Updated
Size49 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Nhớ chỉnh sangtacviet giao diện về "mặc định" !
(ở trong phần cài đặt của sangtacivet)
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name SangTacViet Dark Theme
@namespace sangtaviet
@version 1.0.11
@description Dark Theme and Customizable Theme for SangTacViet
@author @✦✦
@preprocessor stylus
@var select theme_style "Theme Style" {
"dark*": "dark",
"mặc định": "normal"
}
@var color bg_item "Background Item Color" #383e4d
@var color bg_color "Background Color" #1f2129
@var color bg_secondary_color "Section Color" #1b1b22
@var color title_color "Title Color" #c0c2cc
@var color font_color "Font Color" #83848f
@var color border_color "Border Color" #6b6c75
@var color link_color "Link Color" #557ffc
@var color bg_btn "Button Color" #283760
@var color chapter_color "Chapter Color" #4a5f9b
@var color bg_content_color "Background Color (Reader)" #1f2129
@var color font_reader_color "Font Color (Reader)" #83848f
@var checkbox border_width_item "Item Cover" 0
@var select phaptac_style "Pháp Tắc" {
"mặc định*": "normal",
"quỷ bí chi chủ": "quybi"
}
@var select uy_vong_lenh "Lệnh Bài" {
"mộc bài*": "lenh_bai_moc",
"thiết bài": "'https://i.imgur.com/Eas4Pjr.png'"
}
@var select cong_phap "Công Pháp" {
"bạch quyển*": "bach_quyen",
"lam quyển": "lam_quyen"
}
@var select vu_ky "Vũ Kỹ" {
"bạch quyển": "bach_quyen",
"lam quyển*": "lam_quyen"
}
@var text bach_quyen "Bạch Quyển" "'https://i.imgur.com/nLn4Hy3.png'"
@var text lam_quyen "Lam Quyển" "'https://i.imgur.com/oKb3DRf.png'"
@var text lenh_bai_moc "Mộc Bài" "'https://i.imgur.com/ziBhmwM.png'"
@var text linh_thach "Linh Thạch" "'https://i.imgur.com/UwFWB8A.png'"
@var text thien_van_dan "Thiên Vận Đan" "'https://i.imgur.com/xUsGH9z.png'"
@var text tu_linh_dan "Tụ Linh Đan" "'https://i.imgur.com/nD4iPjk.png'"
@var text tu_khi_dan "Tụ Khí Đan" "'https://i.imgur.com/9fFhmvH.png'"
@var text tay_tuy_dan "Tẩy Tủy Đan" "'https://i.imgur.com/sDoEGWp.png'"
@var text thiep_bia "Thiệp Bìa Mừng" "'https://i.imgur.com/B82IFsX.png'"
@var text item_kim "Kim pháp tắc" "'https://i.imgur.com/ZYvya8T.png'"
@var text item_moc "Mộc pháp tắc" "'https://i.imgur.com/ix78fH5.png'"
@var text item_thuy "Thủy pháp tắc" "'https://i.imgur.com/fzbNwgp.png'"
@var text item_hoa "Hỏa pháp tắc" "'https://i.imgur.com/RxONA8q.png'"
@var text item_tho "Thổ pháp tắc" "'https://i.imgur.com/u07vg2x.png'"
@var text item_phong "Phong pháp tắc" "'https://i.imgur.com/Qgh69Yi.png'"
@var text item_loi "Lôi pháp tắc" "'https://i.imgur.com/TM14FjM.png'"
@var text item_bang "Băng pháp tắc" "'https://i.imgur.com/PjoInRi.png'"
@var text item_quang "Quang pháp tắc" "'https://i.imgur.com/7ZUU3lf.png'"
@var text item_am "Ám pháp tắc" "'https://i.imgur.com/POQz5nx.png'"
@var select line_border "Separation Line" ["solid*", "dashed", "dotted", "none"]
@var color progressbar_color "Progressbar Color" #557ffc
@var checkbox logo_white "Logo White" 1
@var checkbox bg_avatar "Background Thiệp Bìa" 0
@var select bg_dsname "Background Name" {
"nhập đạo": "nhap_dao",
"luyện đạo": "luyen_dao",
"huyền đạo": "huyen_dao",
"phong vương": "phong_vuong",
"hư hoàng": "hu_hoang",
"chân đế": "chan_de",
"hiển thánh": "hien_thanh",
"thông thần": "thong_than",
"đạo tôn": "dao_ton",
"đọc đạo đại đế": "doc_dao",
"thư đạo chí tôn": "thu_dao",
"vạn đạo vô ngân": "van_dao",
"hỗn độn": "hon_don",
"tùy chỉnh": "op_name",
"mặc định*": "normal"
}
@var text op_name "Tùy Chỉnh Name " "'link here'"
@var checkbox text_shadow "Text Shadow Name" 1
@var color ts_op_name "Text Shadow Name" #000
@var checkbox color_name "Color Name" 0
@var color cl_op_name "Color Name" #000
==/UserStyle== */
@-moz-document url("https://sangtacviet.vip/"),
url("https://sangtacviet.com/"),
url("https://sangtacviet.pro/"),
url("http://14.225.254.182/"),
url("https://sangtacviet.me/"),
url-prefix("https://sangtacviet.vip/user/"),
url-prefix("https://sangtacviet.com/user/"),
url-prefix("https://sangtacviet.pro/user/"),
url-prefix("http://14.225.254.182/user/"),
url-prefix("https://sangtacviet.me/user/"),
url-prefix("https://sangtacviet.vip/truyen/"),
url-prefix("https://sangtacviet.com/truyen/"),
url-prefix("https://sangtacviet.pro/truyen/"),
url-prefix("http://14.225.254.182/truyen/"),
url-prefix("https://sangtacviet.me/truyen/") {
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&display=swap');
:root {
/*color setting*/
--bg-color: bg_color;
--bg-secondary-color: bg_secondary_color;
--title-color: title_color;
--font-color: font_color;
--bg-content-color: bg_content_color;
--font-reader-color: font_reader_color;
--border-color: border_color;
--link-color: link_color;
--chapter-color: chapter_color;
--progressbar-color: progressbar_color;
--bg-btn: bg_btn;
--bg-item: bg_item;
/*name*/
--op-name: url(op_name);
--ts-op-name: 0 0 16px ts_op_name;
--cl-op-name: cl_op_name;
--cl-luyen-dao: gray;
--ts-luyen-dao: 0 0 3px gray;
--cl-huyen-dao: blue;
--ts-huyen-dao: 0 0 12px blue;
--cl-phong-vuong: #e661fa;
--ts-phong-vuong: 0 0 12px #e661fa;
--hu-hoang: url('https://media.giphy.com/media/3qXi5eIvcgCmTDObOU/giphy.gif');
--ts-hu-hoang: 0 0 16px #ffff00;
--chan-de: url('http://giphygifs.s3.amazonaws.com/media/5xtDarBgMErSWLOFHAA/giphy.gif');
--ts-chan-de: 0 0 16px #ff0000;
--hien-thanh: url("/vothanh.gif");
--ts-hien-thanh: 0 0 12px #3bffcb;
--thong-than: url('https://media.giphy.com/media/xThtaklgRUvTMs1xmM/giphy.gif');
--ts-thong-than: 0 0 12px #af1cd5;
--dao-ton: url('https://media0.giphy.com/media/3o7bud4Ujk6S6MrKGQ/giphy.webp');
--ts-dao-ton: 0 0 12px #eeeeee;
--thu-dao: url('https://media.giphy.com/media/ceCgIb3Pw5xbq/giphy.gif');
--ts-thu-dao: 2px 2px 2px #ffffff1f, -2px -2px 4px #ffffff1f, 2px -2px 4px #ffffff1f, -2px 2px 2px #ffffff1f;
--hon-don: url('https://media.giphy.com/media/3oxRmmENQPekq4N02c/giphy.gif');
--ts-hon-don: 0 4px 16px purple;
/*item setting*/
--uy-vong-lenh: url(uy_vong_lenh);
--cong-phap: url(cong_phap);
--vu-ky: url(vu_ky);
--linh-thach: url(linh_thach);
--tu-khi-dan: url(tu_khi_dan);
--tu-linh-dan: url(tu_linh_dan);
--tay-tuy-dan: url(tay_tuy_dan);
--thien-van-dan: url(thien_van_dan);
--thiep-bia: url(thiep_bia);
--item-hoa: url(item_hoa);
--item-thuy: url(item_thuy);
--item-kim: url(item_kim);
--item-moc: url(item_moc);
--item-tho: url(item_tho);
--item-phong: url(item_phong);
--item-loi: url(item_loi);
--item-quang: url(item_quang);
--item-bang: url(item_bang);
--item-am: url(item_am);
--item-kim-qb: url('https://i.imgur.com/sK5kXVg.png');
--item-moc-qb: url('https://i.imgur.com/1Pn8jkd.png');
--item-thuy-qb: url('https://i.imgur.com/ht34H6a.png');
--item-hoa-qb: url('https://i.imgur.com/r4OdKJc.png');
--item-tho-qb: url('https://i.imgur.com/eW1kdMw.png');
--item-phong-qb: url('https://i.imgur.com/NqS2exd.png');
--item-loi-qb: url('https://i.imgur.com/P4VxZqg.png');
--item-bang-qb: url('https://i.imgur.com/faeaqo4.png');
--item-quang-qb: url('https://i.imgur.com/upp8Bim.png');
--item-am-qb: url('https://i.imgur.com/zmphh7H.png');
/*color*/
--silver-primary: #c0c2cc;
--grey-primary: #83848f;
--blue-primary: #557ffc;
--red-primary: #eb1551;
--red-secondary: #af2a2a;
--yellow-primary: #ffc152;
--orange-primary: #ff7329;
--green-primary: #39cca0;
--violet-primary: #6a4ce2;
--light-hover: rgba(255, 255, 255, .1);
--light-hover-secondary: rgba(255, 255, 255, .2);
--black: #000;
--white: #fff;
--opacity-black: rgba(255, 255, 255, .1);
--opacity-black-bold: rgba(0, 0, 0, .8);
--opacity-white: rgba(255, 255, 255, .5);
--opacity-white-bold: rgba(255, 255, 255, .8);
--opacity: #0000;
--text-black: rgba(18, 18, 23, .9);
--text-grey: rgba(18, 18, 23, .6);
}
html {
font-family: 'Nunito Sans', sans-serif;
}
body {
font-family: 'Nunito Sans', sans-serif;
color: var(--text-black);
}
#full {
overflow: hidden !important;
}
/*user mặc định*/
if !bg_avatar {
#inner > .container:nth-child(2),
#inner > div:nth-child(2) > center {
background: none;
}
}
#tm-user-avatar {
box-shadow: none;
}
if bg_dsname==nhap_dao {
#dsname {
background-image: unset;
color: unset;
text-shadow: unset;
}
}
if bg_dsname==luyen_dao {
#dsname {
background-image: unset;
color: var(--cl-luyen-dao);
text-shadow: var(--ts-luyen-dao);
}
}
if bg_dsname==huyen_dao {
#dsname {
background-image: unset;
color: var(--cl-huyen-dao);
text-shadow: var(--ts-huyen-dao);
}
}
if bg_dsname==phong_vuong {
#dsname {
background-image: unset;
color: var(--cl-phong-vuong);
text-shadow: var(--ts-phong-vuong);
}
}
if bg_dsname==hu_hoang {
#dsname {
background-image: var(--hu-hoang);
text-shadow: var(-...