{"id":26678807,"url":"https://github.com/wervice/jcss","last_synced_at":"2026-05-14T20:32:09.353Z","repository":{"id":158923471,"uuid":"634319004","full_name":"Wervice/jCSS","owner":"Wervice","description":"CSS manipulation \u0026 Theming using JavaScript","archived":false,"fork":false,"pushed_at":"2023-06-22T19:03:53.000Z","size":33,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-22T04:02:00.646Z","etag":null,"topics":["css","css-in-js","css-theme","css-themes","css-theming","design","html","javascript","library","manipulation","styling-css-in-js","theming","webdesign"],"latest_commit_sha":null,"homepage":"https://wervice.github.io","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-2.1","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Wervice.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-04-29T18:32:19.000Z","updated_at":"2024-01-13T07:27:35.000Z","dependencies_parsed_at":"2025-09-22T04:00:28.225Z","dependency_job_id":"222c308a-ffd4-45ec-844a-f9beaa67d7b3","html_url":"https://github.com/Wervice/jCSS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Wervice/jCSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wervice%2FjCSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wervice%2FjCSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wervice%2FjCSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wervice%2FjCSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Wervice","download_url":"https://codeload.github.com/Wervice/jCSS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Wervice%2FjCSS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33042137,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-in-js","css-theme","css-themes","css-theming","design","html","javascript","library","manipulation","styling-css-in-js","theming","webdesign"],"created_at":"2025-03-26T05:17:09.226Z","updated_at":"2026-05-14T20:32:09.345Z","avatar_url":"https://github.com/Wervice.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jCSS\r\n## CSS Mainipulation library for client-side JavaScript\r\n\r\nUsing jCSS you can manipulate the style on your website easily from your JavaScript code.\r\njCSS also comes with some custom themes to quickly give your frontend a nice look.\r\n\r\njCSS is licensed under LGPL 2.1.\r\n\r\n## Contents\r\n- [Use CSS manipulation](#how-can-i-use-jcss)\r\n- [Apply and swizch a theme](#how-can-i-use-a-theme)\r\n\r\n\r\n## How can I use jCSS\r\nYou need to copy the code from the `jcss.js` file to your code.\r\n\r\nWhen you're done with that step, you can uses the features of jCSS.\r\n\r\nHere is a table of all functions and the usescases:\r\n\r\n|Function|Usecase|\r\n|-|-|\r\n|**jcss_background**|Edit the background color an object|\r\n|**jcss_color**|Edit the font color an object|\r\n|**jcss_font**|Edit the font size, font family, font weight and font style|\r\n|**jcss_size**|Edit the height and width of an object|\r\n|**jcss_position**|Edit the css position value of an object|\r\n|**jcss_border**|Edit the border color, border style, border width and border radius of an object|\r\n|**jcss_boxshadow**|Edit the box shadow of an object|\r\n|**jcss_read**|Read a css value of an object|\r\n\r\n### How can I use a theme\r\nTo apply one of the themes from jCSS to your website, you need to copy the file to your code folder.\r\n\r\nNow you can need to link to it using the `\u003clink rel=stylesheet href=...\u003e`-tag.\r\n\r\nHere are the themes you can use:\r\n|Name|Description|File Name|\r\n|-|-|-|\r\n|**Clean**|A very basic sans-serif black-and-white theme with rounded buttons and inputs|``clean.css``|\r\n|**Sharp**|A sans-serif black-and-white theme with sharp buttons and inputs|``sharp.css``|\r\n|**Thin**|A sans-serif theme with sharp buttons \u0026 inputs and thin black lines|``thin.css``|\r\n|**Night Blue**|A dark sans-serif blue sharp theme|``nightblue.css``|\r\n\r\nIn case you want to use the theme_switching function to, so you can change the theme from your JavaScript code, you need to add `id=css-theme` to your link tag.\r\n\r\nAnd these are the functions for theme switching\r\nNow you can use the functions\r\n```\r\njcss_set_theme_to_x(x)\r\n```\r\nTo open another style sheet\r\nand\r\n```\r\njcss_set_theme_to_normal()\r\n```\r\nto return to the previous theme\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwervice%2Fjcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwervice%2Fjcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwervice%2Fjcss/lists"}