{"id":22192520,"url":"https://github.com/3sidedcube/guidestyle-android-client","last_synced_at":"2025-06-14T04:06:06.610Z","repository":{"id":150243584,"uuid":"620468694","full_name":"3sidedcube/guidestyle-android-client","owner":"3sidedcube","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-07T10:00:39.000Z","size":207,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":7,"default_branch":"develop","last_synced_at":"2025-06-14T04:05:10.282Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/3sidedcube.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2023-03-28T18:37:57.000Z","updated_at":"2023-04-03T13:43:00.000Z","dependencies_parsed_at":"2024-06-07T11:32:06.862Z","dependency_job_id":null,"html_url":"https://github.com/3sidedcube/guidestyle-android-client","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"purl":"pkg:github/3sidedcube/guidestyle-android-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fguidestyle-android-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fguidestyle-android-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fguidestyle-android-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fguidestyle-android-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/3sidedcube","download_url":"https://codeload.github.com/3sidedcube/guidestyle-android-client/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Fguidestyle-android-client/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259756873,"owners_count":22906678,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-12-02T12:25:43.669Z","updated_at":"2025-06-14T04:06:06.584Z","avatar_url":"https://github.com/3sidedcube.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Style Guide library\n\n\nhttps://user-images.githubusercontent.com/4551077/231733266-e705ead8-c94c-4be5-9f77-f315de78177d.mp4\n\n\n\n\n## What is the Style Guide lib? \nThe StyleGuide lib is a designer tool that 3SidedCube has created in order to make sure that all the UI components match the designs before we implement all the screens. Designers and developers can verify that by reviewing all the colors, dimens, styles and the basic views (Buttons, RadioButtons, Switches, CheckBoxes) \n\n## Rules\nIn order the StyleGuide to pick up the Heading, Body, Subtitle, Captions styles, they should be written in the following format: \n\n```\n\t\u003cstyle name=\"Heading.[the name you prefer etc Heading.One, Heading.Main]\"\u003e\n\t\t\u003citem name=\"android:textSize\"\u003e24sp\u003c/item\u003e\n\t\t\u003citem name=\"android:lineHeight\"\u003e32dp\u003c/item\u003e\n\t\u003c/style\u003e\n\t\u003cstyle name=\"Body.[the name you prefer etc Body.One, Body.Description]\"\u003e\n\t\t\u003citem name=\"android:textSize\"\u003e14sp\u003c/item\u003e\n\t\t\u003citem name=\"android:lineHeight\"\u003e32dp\u003c/item\u003e\n\t\u003c/style\u003e\n```\n\nFor better grouping of the color we recommend using the following way(etc namecolor_variation):\n```\n\t\u003ccolor name=\"green_500\"\u003e#2A533E\u003c/color\u003e\n\t\u003ccolor name=\"green_400\"\u003e#4F9C75\u003c/color\u003e\n\t\u003ccolor name=\"green_300\"\u003e#69CD9A\u003c/color\u003e\n\t\u003ccolor name=\"green_200\"\u003e#ADE4C8\u003c/color\u003e\n\t\u003ccolor name=\"green_100\"\u003e#E2FAEE\u003c/color\u003e\n```\n\n## Usage\nYou can just call the StyleGuide from your activity either as an Activity or as BottomSheetFragment:\n\n```\nstartActivity(Intent(this, StyleGuideActivity::class.java))\n```\n\nor \n```\n StyleGuideFragment().show(supportFragmentManager, StyleGuideFragment::class.java.name)\n```\n\n# Hacks\nMany times we will implement custom views in our projects. In order to show this custom views, we can extend the StyleGuideFragment and add the views that we want:\n```\nclass CustomStyleGuide : StyleGuideFragment() {\n    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {\n\t    /**\n\t    * call the super if you want to have the default StyleGuide for the main views (etc Colors, Buttons, TextStyles, RadioButton,CheckBoxes, Switches )\n\t    * or remove it if you only want your custom views\n\t    */\n\t    super.onViewCreated(view, savedInstanceState)\n\t    val text = TextView(context)\n\t    text.text = \"test\"\n\t    addCustomView(text) \n\t    val text2 = TextView(context)\n\t    text2.text = \"test2\"\n\t    addCustomView(text2)\n    }\n```\n\n## Installation\nTo use in a project add the following to the repositories list in your root gradle file:\n```\nallprojects {\n  repositories {\n    maven { url 'https://jitpack.io' }\n  }\n}\n  ```\nAdd the following dependency to the app gradle file:\n  ```\n  implementation 'com.github.3sidedcube:guidestyle-android-client:v0.2.0'\n  ```\n\n## License\n\nSee LICENSE.md\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3sidedcube%2Fguidestyle-android-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F3sidedcube%2Fguidestyle-android-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3sidedcube%2Fguidestyle-android-client/lists"}